JavaScript 遍历DOM

 1 DOM 是一种由父子关系组成的层次树形结构。其中交叉点和末端点被称为“节点”；

          每一个HTML中的元素 表示一个节点且文本也表示节点。  元素成为“元素节点”  文本 被称为 “文本节点”。

2 .节点类型

最常见的几种节点类型：

每种节点类型都有一个关联的数值，保存在属性 node Type 

node Type值            节点类型1元素2属性3文本（包括空白）

getElementsByTagName()选择元素。

要访问特定文档里的全部<div>元素:

var myDivs = document. getElementsBy TagName("div");

这个方法不是必须用于整个文档的，而是可以用于任何对象，就会返回该对象包含的指定标签的全部集合。

3. 节点的属性属性作用用法child Nodes()输出当前节点的所有的子节点的集合 var  olElement  =  document . getElementById ("元素的ID") ;     olElement . childNodes() ;  (输出)firstChild()数组里选择第一个元素childNodes[0]lastChild()数组了选择最后一个元素var  lastChildNode = myElement.lastChild;parentNode()保存节点的父节点var  lastChildNode = myElement.lastChild;   var parentElement = lastChildNode.parentNode;nextSibing()前一个兄弟节点（处于同一级别的） var olElement = document.getElementById("元素的ID")   var firstOne =olElement.firstChild(); var nextOne = firstOne.nextSibling;  previousSibing()后一个兄弟节点（处于同一级别的）上面的那句得到的是第一个子节点只有后一个兄弟节点  。nodeValue返回文本节点里的内容,var  pElement  =  document . getElementById ("元素的ID") ; text +=pElenment.childNodes[i].nodeValue;modeName以字符串的形式返回节点的名称var  pElement  =  document . getElementById ("元素的ID") ; alert(pElement.nodeName);