zoukankan      html  css  js  c++  java
  • 对文档树进行导航

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>对文档树进行导航</title>
    </head>
    <body>
    <div id="div1">
    <div>hello div</div>
    <p>hello p</p>
    </div>
    <script>
    var ele=document.getElementById('div1');
    // alert(ele);
    //1.第一个孩子
    // var ret=ele.firstElementChild;
    // alert(ret.nodeName);//DIV
    //2.最后一个孩子
    // var ret=ele.lastElementChild;
    // alert(ret.nodeName);//p
    //3.孩子
    var ret=ele.children;
    // alert(ret);//[object HTMLCollection]
    // alert(ret.length);//2
    // alert(ret[0]);//[object HTMLDivElement]
    // alert(ret[1]);//[object HTMLParagraphElement]
    //4.children得到的是一个数组,下面遍历数组
    // for(var i in ret){
    // console.log(ret[i]);
    // }
    // for(var i=0;i<ret.length;i++){
    // console.log(ret[i]);
    // }
    //5.nextElementSibling
    var ele=document.getElementById('div1').firstElementChild;
    var next=ele.nextElementSibling;
    alert(next.nodeName);//p


    </script>

    </body>
    </html>
  • 相关阅读:
    Lucky Coins Sequence
    A == B ?
    Chinese Rings
    51nod 1051 最大子矩阵和
    51nod 1103 N的倍数
    Codeforces Round #429 (Div. 2)
    51nod 1043 幸运号码(数位dp
    51nod 1266 蚂蚁
    51nod 1090 3个数和为0
    51nod 1082 与7无关的数
  • 原文地址:https://www.cnblogs.com/startl/p/12254353.html
Copyright © 2011-2022 走看看