<DOM Scripting>2：DOM

DOM（document object model），文档对象模型。

1 文档：DOM中的“D”

　　当创建的网页并加载到浏览器中，DOM 就悄然而生。它把网页文档转换为一个文档对象。

2 对象：DOM中的“O”

　　JavaScript 中的三类对象：

• 用户定义对象（user-defined object）：自行创建的对象
• 内建对象（native object）：内建在 JavaScript 语言中的对象，如 Array、Math 和 Date 等
• 宿主对象（host object）：由浏览器提供的对象

3 模型：DOM中的“M”

　　DOM 代表着加载到浏览器窗口的当前网页；DOM 把一份文档表示为一棵树。

4 节点

　　文档是由节点构成的集合

4.1 元素节点

　　DOM 的原子式元素节点（element node），元素在文档中的布局形成了文档的结构。html 标签的名字就是元素的名字。

4.2 文本节点

　　文本节点（text node）总是被包含在元素节点的内部。

4.3 属性节点

　　属性节点（attribute node）用来对元素做出更具体的描述。

4.4 CSS

4.5 获取元素

• getElementById：返回一个有给定 id 属性值的元素节点对应的对象：document.getElementById(id)
• getElementsByTagName：返回给定标签的元素的对象数组：element.getElementByTagName(tag)
• getElementsByClassName：返回给定 class 属性的元素的对象数组：element.getElementsByClassName(class)

5 获取和设置属性

• getAttribute：object.getAttribute(attribute)
• setAttribute：object.setAttribute(attribute, value)