问答详情
源自:9-10 访问父节点parentNode

求帮助,看不懂parentNode的使用?

 document.write("课程内容:<br>"+mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

   document.write("节点个数:"+mylist.parentNode.parentNode.parentNode.childNodes.length+"<br>");

   document.write("parent1:"+mylist.parentNode.nodeName+"<br>");

   document.write("parent2:"+mylist.parentNode.parentNode.nodeName+"<br>");

   document.write("parent3:"+mylist.parentNode.parentNode.parentNode.nodeName+"<br>");

这些parentNode是怎么使用的,还有真的不明白为什么使用那么多个,谁可以详细说明一下呢

提问者:哈尔波儿 2018-06-28 19:06

个回答

  • qq_Timebegin_0
    2018-06-29 11:04:42
    已采纳

    我自己的理解是她要找到最上面的id=con的ul   然后找到ul在最后一个子节点 

    第一次mylist.parentNode找到了li上面的ul,第二次mylist.parentNode.parentNode找到了ul上的id=lesson的li,第三次mylist.parentNode.parentNode.parentNode找到id=con的ul

    ....不知道这样回答可不可以解决你的疑问

    <ul id="con"> //parent3

         <li id="lesson1">javascript  //parent2

          <ul> //parent1

              <li id="tcon"> 基础语法</li>

              <li>流程控制语句</li>

              <li>函数</li>

              <li>事件</li>

              <li>DOM</li>

          </ul>

        </li>

        <li id="lesson2">das</li>

        <li id="lesson3">dadf</li>

        <li id="lesson4">HTML/CSS 

          <ul>

            <li>文字</li>

            <li>段落</li>

            <li>表单</li>

            <li>表格</li>  

          </ul> 

        </li>

    </ul>