18、可变 DOM 原型脚本编写指南

可变 DOM 原型脚本编写指南

1. 理解 JavaScript 与 DOM

DOM（文档对象模型）是用于访问基于标记的文档的 API。它通过原型和原型链将网页的分层、基于节点的结构映射到 JavaScript 对象上。

W3C DOM 级别 1、2 和 3 规范共同构成了在 JavaScript 中表示文档的标准模型。像 Document 、 Element 和 Attribute 这样的接口代表了页面上实际的构造；例如， Document 对象代表网页的文档容器， Element 对象代表该文档中的任何 HTML 元素等。这些对象都源自 Node 对象的原型， Node 对象是 W3C DOM 规范中标记实体的原子表示。

而 IE 通过 DOM 将标记对象暴露给 JavaScript，但 IE 8 及以下版本的 DOM 与 W3C 推荐标准只是大致相似。与 W3C DOM 不同，IE 的 DOM 没有一个代表基本标记实体的原子对象，而是包含许多相似且松散连接的对象，这些对象构成了基于标记的文档在 JavaScript 中的表示。这意味着在 IE 8 及以下版本中，使用 DOM 功能的脚本可能在 IE 和其他浏览器之间无法完全互操作。

2. IE 8 中的可变原型和属性

从 IE 8 开始，可变原型和属性被扩展到了 DOM 对象。这使得开发者可以通过重写 DOM 对象原型的对象和属性来修改和改变 IE 的 DOM 行为。