码迷,mamicode.com
首页 > 其他好文 > 详细

怎样遍历当前节点的所有后代节点

时间:2019-09-11 21:54:49      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:console   doc   OLE   sch   用法   参数   define   function   注意   

1. Node.prototype.hasChildNodes();

2. Node.prototype.firstChilds();

3. Node.prototype.nextSibling();

function DOMComb(parent, callback) {
  if (parent.hasChildNodes()) {
    for (var node = parent.firstChild; node; node = node.nextSibling) {
      DOMComb(node, callback);
    }
  }
  callback(parent);
}

// 用法
DOMComb(document.body, console.log)

 

这里需要注意for循环的写法, 它的作用是循环所有子节点, 对每个字节点都使用DOMComb()函数. 第一个参数表示从第一个子节点开始遍历, 第二个参数表示这个节点不能为空(null / undefined等) , 第三个参数表示将下一个子节点赋值个node. 这种写法不常见, 但挺巧妙的.

怎样遍历当前节点的所有后代节点

标签:console   doc   OLE   sch   用法   参数   define   function   注意   

原文地址:https://www.cnblogs.com/aisowe/p/11508818.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!