DOM操作

DOM操作：

1、DOM：文档对象模型，是HTML和XML文档的编程接口；，DOM是web页面的完全的面向对象表述，提供了对web页面的存储和操作的方式，能够使用如js等脚本语言进行修改；
2、重要的数据类型：

3、HTML DOM：定义了所有HTML元素的对象和属性，以及访问他们的方法，即HTML DOM是关于如何获取、修改、添加或删除HTMLHTML元素的标准；

4、DOM节点：在HTML DOM中，所有事物都是节点，DOM是被视为节点树的HTML；通过HTML DOM，树中的所有节点均可通过JavaScript进行访问，所有HTML元素（节点)均可被修改，也可以创建或删除节点；

5、DOM方法（编程接口）：可通过JavaScript(以及其他编程语言）对HTML DOM进行访问，所有HTML元素被定义为对象，而编程接口则是对象方法和对象属性。方法是您能够执行的动作(比如添加或修改元素)。属性是您能够获取或设置的值(比如节点的名称或内容)。


6、DOM属性：


7、DOM访问：查找HTML元素；

8、DOM修改：改变元素、属性、样式和事件；

9、DOM内容：通过HTML DOM，JavaScript 能够访问HTML文档中的每个元素并对它们作出修改，如innerHTML、style；

10、DOM元素：添加（appendChild、insertBefore、）、删除（removeChild）和替换（replaceChild）HTML元素；

11、DOM事件：通过js对HTML事件作出反应；

12、DOM导航：能够使节点关系在节点树中导航；
（1）节点列表：getElementsByTagName()方法返回节点列表，节点列表是一个节点数组；

（2）节点列表长度：length 属性定义节点列表中节点的数量，可以使用length 属性来循环节点列表；

（3）导航节点关系：使用三个节点属性: parentNode、firstChild 以及 lastChild，在文档结构中进行导航；

（4）DOM根节点：这里有两个特殊的属性，可以访问全部文档，document.documentElement全部文档，document.body文档的主体。