DOM里常见的三种节点类型

1.nodeName比tagName注意二者返回的是大写!大写!大写!

从DOM层次来看，nodeName是node 接口上的property，而tagName是element 接口上的property，所有的节点（元素节点，属性节点，文本节点等12种）都继承了node接口，而只有元素节点才继承了element节点，因此nodeName比tagName具有更大的使用范围。

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

总结：tagName只能用在元素节点上，而nodeName可以用在任何节点上，可以说nodeName涵盖了tagName，并且具有更多的功能，因此建议总是使用nodeName。

 

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)

 

 

2.获得元素属性的集合：

document.getElementsByTagName("BUTTON")[0].attributes;