//遍历节点数 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];