Javascript遍历DOM和遍历属性

一、遍历DOM节点

　　遍历DOM节点常用一般用节点的 childNodes, firstChild, lastChild, nodeType, nodeName, nodeValue属性。在获取节点nodeValue时要注意，元素节点的子文本节点的nodeValue才是元素节点中文本的内容。

　　

 

二、遍历节点属性

　　Element类型是使用attributes属性的唯一一个DOM节点类型。attributes属性中包含一个NamedNodeMap（节点属性列表）。NamedNodeMap对象拥有下列方法：

　　　　getNamedItem(name)：返回nodeName属性等于name的节点。

　　　　setNamedItem(node)：向列表中添加节点，以节点的nodeName属性为索引。

　　　　removeNamedItem(name)：从列表中移除nodeName属性等于name的节点。

　　　　item(pos)：返回位于数字pos位置的节点。

　　attributes属性中包含一系列节点，每个节点的nodeName就是特性的名称，而节点的nodeValue特性的值。

var id = element.attributes.getNamedItem('id').nodeValue;
//下面代码在IE中会列出节点所有属性，而在Firefox,Chrome中只列出显示声明的属性
var attrMap = element.attributes;
for(var i = 0; i < attrMap.length; i++){
    console.log(attrMap[i].nodeName + ' : ' + attrMap[i].nodeValue);
}