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

请问结果为什么是undefined

<!DOCTYPE html>

<html>

<head>

<meta 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(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

</script>

</body>

</html>


提问者：天天update 2020-07-23 08:03

个回答

  • 慕尼黑1441384
    2020-08-04 08:43:15

    正确代码如下：请复制粘贴运行，顺便给个点赞。

    <!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(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);    

    </script> 

    </body>

    </html>


    1
  • weixin_慕桂英4346352
    2020-07-23 21:44:01

    因为你最后</li>和</ul>换行了，所以最后一个节点是一个空值

    3