遍历节点数和基于元素节点的遍历

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

//遍历节点数         stround.parentNode()  //寻找父级  （小知识点：最高的父级为document） ，只有一个         div.childNodes() //寻找子节点，可以有N个         div.firstChild() //寻找子节点，第一个节点  //test         div.lastChild()  //寻找子节点，最后一个节点 //text         div.nextSibling.nextSibling  //寻找同层级下的节点，可一直向下寻找         div.previousSibling //寻找同层级上节点，可一直向上寻找         节点类型：         元素节点  1         属性节点  2         文本节点  3         注释节点  8         document  9                   基于元素节点树的遍历         parentElement 返回当前元素的父元素节点（IE不兼容）         children  返回子节点         firstElementChild 返回第一个元素节点（IE不兼容）         lastElementChild 返回最后一个元素节点（IE不兼容）         nextElementSibling  返回后一个同层级节点         previousElementSibling 返回前一个同层级节点                   <div>             <strong></strong>元素&&文本 2             <span></span>元素&&文本 2             <em></em>元素&&文本 2             文本节点  1         </div>

　　

var strong = document.getElementsByTagName('strong')[0];
var div = document.getElementsByTagName('div')[0];