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

代码是这样的吗,为什么报错呢?

<script type="text/javascript">
  var mylist=document.getElementById("tcon");
  document.write("HTML/CSS的课程内容:"+mylist.parentNode.innerHTML);
</script>


提问者:MMJiao 2016-12-07 16:27

个回答

  • 慕粉3204329
    2016-12-13 13:16:56

    即使在慕课网也没报错呀。你把慕课网的提示“没有使用parentNode找父上元素”当成报错了吧。

  • 陈喵喵
    2016-12-09 16:21:39

    嗯嗯,慕课网有的时候提交确实运行结果是有问题的,最好在自己的编译器试

  • 陈喵喵
    2016-12-08 20:59:04

    程序运行没有问题啊,你的tcon获取的是“基础语法”的那个li标签赋给了mylist,输出的是mylist也就是“基础语法”的那个li标签的父节点下的内容是

    <ul> 

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

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

          <li>函数</li>

          <li>事件</li>

          <li>DOM</li>

      </ul>

    在我电脑上的运行结果确实是这个


  • MMJiao
    2016-12-08 17:14:45

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    <body>
    <ul id="con">
    <li id="lesson1">javascript
      <ul> 
          <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>  
    <script  type="text/javascript">    
       var mylist = document.getElementById("tcon"); 
       document.write("HTML/CSS的课程内容:"+mylist.parentNode.innerHTML);
    </script> 
    
    </body>
    </html>


  • 陈喵喵
    2016-12-08 17:10:27

    我看不到你其他的代码,只能看到这两句

    <script type="text/javascript">

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

      document.write("HTML/CSS的课程内容:"+mylist.parentNode.innerHTML);

    </script>

    所以不知道......怎么解答

  • 陈喵喵
    2016-12-07 18:16:57

    为什么要写父节点?