求大神帮忙。。。

来源:9-10 访问父节点parentNode

等待Mr薰衣草

2016-04-11 18:51

请问DOM模型是这样吗?

http://img.mukewang.com/570b808f0001b63a25601920.jpg

<script  type="text/javascript">    

   var mylist = document.getElementById("tcon"); 

var mychar=mylist.parentNode.parentNode.parentNode.lastChild;

document.write(mychar.innerHTML);

</script>

那么应该怎么理解var mychar=mylist.parentNode.parentNode.parentNode.lastChild;这句


写回答 关注

2回答

  • QQ25
    2016-04-11 20:04:44

    就是取mylist.parentNode.parentNode的最后一个兄弟节点

    等待Mr薰衣...

    不应该是mylist.parentNode.parentNode.parentNode的最后一个结点吗?

    2016-04-11 20:56:30

    共 1 条回复 >

  • 轻逐微风
    2016-04-11 20:04:41


    <body class="1">

         <div class="2">

                <p class="3">

                        <a class="4"> </a>

                </p>

         </div>

        <span class="5"></span>

    </body>

    var a=getElementsByTagName("a")[0];    //a标签

    a.parentNode   == p标签

    a.parentNode.parentNode ==div标签

    a.parentNode.parentNode.parentNode == body标签

    a.parentNode.parentNode.parentNode.lastChild == span标签    //lastChild就是最后一个子标签

    把《Javascript进阶》第九章看一下吧

    等待Mr薰衣...

    mylist.parentNode.parentNode 已经获得了ID为con的结点 该结点不已经是DOM树的根结点了么 然后 mylist.parentNode.parentNode.lastChild;不就能获得了ID为lesson4结点了么? 为什么还要再求一次父节点啊 var mychar=mylist.parentNode.parentNode.parentNode.lastChild;

    2016-04-11 20:54:42

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

467382 学习 · 21877 问题

查看课程

相似问题