什么是DOM？

Document Object Model的缩写，就是以层次化的模式来描述网页的方式。

• Document就是指文档（网页文件）

• Object是指把网页文档看做一个整体

• Model模型模式

关于DOM

1. DOM是针对HTML和XML文档的一个API（应用程序程序接口）。

2. DOM描绘了一个层次化的节点树（节点关系）。

3. 它允许开发人员查找、添加、修改、删除页面的某一部分。

DOM节点树

DOM的属性

1. nodeName ——节点的名字；

2. nodeTyPE —— 返回一个整数，代表这个节点的类型，1-元素节点，2-属性节点，3-文本节点；

3. nodeValue —— 返回一个字符串，这个节点的值；

4. childNodes —— 返回一个数组，数组由元素节点的子节点构成；

5. FirstChild —— 返回第一个子节点；

6. lastChild —— 返回最后一个子节点；

7. nextSibling —— 返回目标节点的下一个兄弟节点，如果目标节点后面没有同属于一个父节点的节点，返回null；

8. previousSibling —— 返回目标节点的前一个兄弟节点，如果目标节点前面没有同属于一个父节点的节点，返回null；

9. parentNode —— 返回的节点永远是一个元素节点，因为只有元素节点才有可能有子节点，document节点将返回null；

DOM节点的类型nodeType

nodeType属性返回节点类型的常数值。不同的类型对应不同的常数值，12种类型分别对应1到12的常数值

1. 元素节点 —— Node.ELEMENT_NODE(1)

2. 属性节点 —— Node.ATTRIBUTE_NODE(2)

3. 文本节点 —— Node.TEXT_NODE(3)

4. CDATA节点 —— Node.CDATA_SECTION_NODE(4)

5. 实体引用名称节点 —— Node.ENTRY_REFERENCE_NODE(5)

6. 实体名称节点 —— Node.ENTITY_NODE(6)

7. 处理指令节点 —— Node.PROCESSING_INSTRUCTION_NODE(7)

8. 注释节点 —— Node.COMMENT_NODE(8)

9. 文档节点 —— Node.DOCUMENT_NODE(9)

10. 文档类型节点 —— Node.DOCUMENT_TYPE_NODE(10)

11. 文档片段节点 —— Node.DOCUMENT_FRAGMENT_NODE(11)

12. DTD声明节点 —— Node.NOTATION_NODE(12)

DOM节点操作方法