parentNode的解决方式

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

3116ZY

2017-11-24 15:12

parentNode这一章,我使用 document.write(mylist.parentNode.parentNode.innerHTML) 输出了包括“HTML/CSS”和“段落。。”所以结果是正确的。 --- 为什么慕课网会判我错呢?

写回答 关注

1回答

  • 慕圣2457774
    2017-11-24 21:35:26
    <ul id="con">                      //<li id="tcon"> 基础语法</li>    的太祖父节点mylist.parentNode.parentNode.parentNode
    <li id="lesson1">javascript        //<li id="tcon"> 基础语法</li>    的祖父节点mylist.parentNode.parentNode
      <ul>                             //<li id="tcon"> 基础语法</li>    的父节点mylist.parentNode
          <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        //<li id="tcon"> 基础语法</li>    的太祖父节点(<ul id="con"> )的最后一个子节点mylist.parentNode.parentNode.parentNode.lastChild
      <ul>
        <li>文字</li>
        <li>段落</li>
        <li>表单</li>
        <li>表格</li>  
      </ul> 
    </li>
    </ul>

    你把这里画出DOM树状图,会发现mylist(即<li id="tcon"> 基础语法</li>)的父节点(mylist.
    patentNode)是<ul>,mylist父节点的父节点(祖父节点mylist.parentNode.parentNode)是<li id="lesson1">,根据题目要求输出的是包括“HTML/CSS”和“段落”,这里

    <li id="lesson4">HTML/CSS 

      <ul>

        <li>文字</li>

        <li>段落</li>

        <li>表单</li>

        <li>表格</li>  

      </ul> 

    </li>

    是<ul id="con">的最后一个子节点,而<ul id="con">是mylist的太祖父节点(mylist.parentNode.parentNode.parentNode),你少加了一个parentNode, 正确的写法是document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML),

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题