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>
  • 相关阅读:
    Q739.每日温度
    面试题46. 把数字成字符串
    [990. 等式方程的可满足性]--并查集
    [128. 最长连续序列]
    javaweb实现简单登陆功能
    7.12_python_lx_practise
    7.12_python_lx_day6
    7.12_python_lx_day5
    7.2_python_lx_day4
    7.2_python_lx_day3
  • 原文地址:https://www.cnblogs.com/startl/p/12254353.html
Copyright © 2011-2022 走看看