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>


  • 相关阅读:
    hdu 1423 LICS
    poj 1135
    poj 1112
    poj 1087
    poj 1094
    谷歌浏览器字体小于12px不能正常显示bug
    gulpfile.js配置 实现ctrl+s自动编译和刷新浏览器
    <hr>标签横线的颜色
    jQuery轮播图鼠标移入停止,移出播放,点击小横条切换图片
    最简单的jq轮播图
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/10816188.html
Copyright © 2011-2022 走看看