zoukankan      html  css  js  c++  java
  • 递归 / 前端零基础入门 2019版 / 步骤五 · 3-6 节点遍历案例

    遍历文档所有节点,并且打印出来
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="js/domready.js"></script><!--必须导入该文件,搜狗输入domready.js-->
        <script>
            myReady(function(){
                var s="";
                function travel(spance,node){
                    debugger;
                    if (node.tagName) {//判断当前节点是否是空标签,不是就添加html标签名称。
                        s+=spance+node.tagName+"<br/>";
                    }
                    var len= node.childNodes.length;//获得所有子节点个数
                    for (var i = 0; i < len; i++) {
                        travel(spance+"|-",node.childNodes[i])
                    }
                }
                travel("",document);
                document.write(s);
            })
        </script>
    <body>
        <div>
            <ul id="ul1">
                <li><a href="">111</a></li>
                <li><a href="">111</a></li>
                <li><a href="">111</a></li>
            </ul>
            <ul id="ul2">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </body>


  • 相关阅读:
    学期总结
    C语言II博客作业04
    C语言I博客作业08
    第十六周助教总结
    C语言||博客作业02
    期末助教总结
    S1 冒泡排序
    关于asp.net HttpUtility.UrlDecode解码问题
    asp.net Sql缓存依赖(SqlCacheDependency)
    解决aps.net 2.0中ajax调用webservice的问题
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/10816188.html
Copyright © 2011-2022 走看看