问答详情
源自:9-8 访问子节点childNodes

看代码,想问下这个节点个数怎么理解的,从哪开始算呢,子节点又是怎么回事?

var x=document.getElementsByTagName("div")[0].childNodes;

 document.write("第一个DIV子节点个数:"+x.length+"<br>")


提问者:web小菜 2017-02-07 14:43

个回答

  • 不知不觉后知后觉嗯
    2017-02-09 21:35:48

    var x=document.getElementsByTagName("div")[0].childNodes;

    document.write("第一个DIV子节点个数:"+x.length+"<br>")

    说的是第一个div的子节点个数,那么来看:

    这是第一个div

    <div>
      javascript  
      <p>javascript</p>
      <div>jQuery</div>
      <h5>PHP</h5>
    </div>

    它包含了三个元素节点 p div h5 和四个文本节点

    <div>
      javascript /*第一个*/
      <p>javascript</p>/*第二个
      */<div>jQuery</div>/*第三个
      /*<h5>PHP</h5>/*第四个
    */</div>

    因为说的是第一个div中的子节点,所以就不用考虑p内的javascript, div中的jQuery,h5中的PHP

  • 木石前盟Cay
    2017-02-07 15:44:22

    从html文档开头开始找第一个div