DOM

认识DOM

• DOM:Document Object Model”文档对象模型”。
• DOM适用于HTML的应用程序接口API，用来操作标签的。

DOM的作用

• 能够改变页面中所有的HTML元素“标签及内容”。
• 能够改变页面中所有的HTML属性“标签内的属性”。
• 能够改变页面中所有的CSS属性“样式”。
• 能过对页面中所有的事件作出反应。

节点的name，type，value

1. HTML文档中所有的事物都是DOM节点

   1.1 HTML中所有的元素称为 元素节点
   1.2 HTML中所有的属性称为 属性节点
   1.3 HTML中所有的文本称为 文本节点
   1.4 HTML中所有的注释称为 注释节点
   1.5 HTML中的文档本身称为 文档节点（根节点)
   1.6 HTML文档中的空格或换行也是节点 文本节点

2. nodeName属性是获取某一个节点的节点名称

   2.1 元素节点的nodeName 和元素名一样(大写)
   2.2 属性节点的nodeName 和元素属性名一样
   2.3 文本节点的nodeName #text
   2.4 注释节点的nodeName #comment
   2.5 文档节点的nodeName #document

3. nodeType，获取某个节点的节点新型

   3.1 元素节点的nodeType node.element.node(大写)
   3.2 属性节点的nodeType node.attribute.node(大写)
   3.3 文本节点的nodeType node.text.node(大写)
   3.4 注释节点的nodeType node.comment.node(大写)
   3.5 文档节点的nodeType node.document.node(大写)
   
   3.6    nodeType == 1  ： 元素节点
   扩     nodeType == 2  ： 属性节点
   展     nodeType == 3  ： 文本节点
          注释 comments   8
          文档 document   9

4. nodeValue，获取某个节点的节点值，一般用于文本节点和属性节点。

   4.1 对于文本节点的nodeValue 属性包含文本
   4.2 对于属性节点nodeValue 属性包含属性值
   4.3 nodeValue对于文档及节点和元素节点是不可用的，使用textCotent代替nodeValue来获取元素节点的内容。