DOM编程

DOM是Document Object Model（文档对象模型）的简称，是W3C（万维网联盟）推荐的处理可扩展标记语言的标准编程接口，它是一种与平台和语言无关的应用程序接口（API）。

1. HTML DOM框架

HTML DOM定义了访问和操作HTML文档的标准方法。它把HTML文档表现为带有元素属性和文本的树结构（节点树），如下图所示：

2. document对象

HTML DOM document对象代表整个HTML文档，用来访问页面中的所有元素。

1. document对象的集合
2. document对象的属性
3. document对象的方法

3. DOM对象的属性

1. innerHTML属性：是常用的DOM属性，用于获取或设置HTML元素的3容。
2. firstChild属性：可返回DOM对象的首个子节点。
3. nodeName属性：可依据节点的类型返回其名称，例如p元素返回p。
4. nodeValue属性：返回一个字符串，表示文本项节点的值。如果是其他类型的节点，则返回null。
5. nodeType属性：返回节点的类型，1表示此节点是标记（tag）；2表示属性（attribute）;3表示文本项。
6. LastChild属性：返回一个对象，表示DOM对象的最后一个子节点。
7. NextSibling属性：返回一个对象（Object），表示DOM对象的下一个相邻的兄弟节点。
8. parentNode属性：返回一个对象（Object），表示当前节点的父节点。
9. specified属性：返回一个布尔型变量（Boolean），表示是否设置了属性值（attribute）。
10. data属性：返回一个字符串，表示文本项节点的值。如果是其他类型的节点，则返回undefined。
11. attributes 属性：表示节点的属性集合，通过id来访问，比如attributes.id。
12. childNodes属性：表示节点的孩子节点集合，通过数组索引方式访问，比如childNodes[2]

4. DOM对象的方法

利用DOM对象的方法可以获取或设置DOM节点（HTML）的值。

1. appendChild()方法
2. removeChild()方法
3. replaceChild()方法
4. insertBefore()方法
5. getAttribute()方法
6. setAttribute()方法