js递归遍历的小工具

最新推荐文章于 2024-04-16 14:53:03 发布

zhangzhao100110

最新推荐文章于 2024-04-16 14:53:03 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB前端 javascript

本文链接：https://blog.youkuaiyun.com/zhangzhao100110/article/details/84617114

WEB前端同时被 2 个专栏收录

64 篇文章

订阅专栏

javascript

57 篇文章

订阅专栏

1.递归遍历文档所有节点

<head>
<script>
function countTags(n){
    var numtags = 0;
    if (n.nodeType==1) numtags++;
    var children=n.childNodes;
    for (var i=0;i<children.length;i++){
        numtags+=countTags(children[i]);
     }
return numtags;
}
</script>
</head>
<body onload="alert(countTags(document))">
</body>

2.递归遍历，获取一个DOM节点下的所有文本

function getText(n){
    var strings = [];
    getStrings(n,strings);
    return strings.join("");

   function getStrings(n,strings){
        if (n.nodeType==3) strings.push(n.data);
        else if (n.nodeType==1){
               for (var m=n.firstChild;m!=null;m=m.nextSibling){
                    getStrings(m,strings);
               }
         }
  }

}