0
点赞
收藏
分享

微信扫一扫

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

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

举报

相关推荐

0 条评论