浅谈Javascript中的12种DOM节点类型

前言

DOM的作用是将网页转为一个javascript对象，从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型，将HTML文档解析成一系列的节点，再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点(node)，文档的树形结构(DOM树)由12种类型的节点组成。

属性

一般地，节点至少拥有nodeType、nodeName和nodeValue这三个基本属性。

节点类型不同，这三个属性的值也不相同

nodeType

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

     元素节点            　　     Node.ELEMENT_NODE(1)

     属性节点            　　     Node.ATTRIBUTE_NODE(2)

     文本节点            　　     Node.TEXT_NODE(3)

     CDATA节点                    Node.CDATA_SECTION_NODE(4)

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

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

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

     注释节点            　         Node.COMMENT_NODE(8)

     文档节点            　         Node.DOCUMENT_NODE(9)

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

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

     DTD声明节点                 Node.NOTATION_NODE(12)

DOM定义了一个Node接口，这个接口在javascript中是作为Node类型实现的，而在IE8-浏览器中的所有DOM对象都是以COM对象的形式实现的。所以，IE8-浏览器并不支持Node对象的写法

//在标准浏览器下返回1，而在IE8-浏览器中报错，提示Node未定义console.log(Node.ELEMENT_NODE);//1

nodeName