JavaScript中的DOM

一、DOM

DOM: Document Object Model;文档对象模型。

下面解析这三个字母的含义：

1. 其中D一个HTML可以理解为一个文档，也就是一个document；事实上，js中的document对象可以获取整个HTML的属性；

2. JS中的三种对象O类型：

1）内建对象（native object）；如Array、Math、Date等；

2）宿主对象（host object）；由浏览器提供；

3）自定义对象（user-defined object）；由程序员自行创建；

3. 最后一个M模型主要就是DOM把一个document分解成一棵树：

JavaScript中的DOM

1. 元素节点：如<body> <a>等；元素节点构造了document的结构；

2. 文本节点：元素节点内包含的文本即是文本节点；比如TextNode,其中TextNode即是文本节点；文本节点都是叶节点（树结构的最后一个节点）；

3. 属性节点：TextNode;其中title即是属性节点

1. getElementById

2. getElementsByTagName

3. getElementsByClassName

4. getAttribute

5. setAttribute

[1]《JavaScript DOM编程艺术（第二版）》第三章 DOM