求解释为什么结果是undefined呢?

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

Remarkableader

2018-09-01 16:43

<!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>

结果为什么不是id=lesson4的<li>元素里的文本内容呢?

写回答 关注

3回答

  • 慕斯1313813
    2018-11-10 19:46:42

    li需要包含在ul之间

  • 慕斯1313813
    2018-11-10 19:44:53

    感觉标签有点乱

    慕斯1313...

    我说错了

    2018-11-10 20:00:01

    共 1 条回复 >

  • 慕盖茨9092533
    2018-09-01 21:37:14

    你的代码最外层的ul标签和最后一个li标签之间,没有紧挨着,也就是有空白符,这样系统检测到的最后一个子元素是空白符,里面肯定没文本内容啊,所以undefined啊,原文中最后ul和Li标签是紧挨着的

    思进行

    老兄,你知道为什么把lastChild换成firstChild之后就输出undefined了吗

    2019-02-11 19:41:37

    共 1 条回复 >

JavaScript进阶篇

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

468192 学习 · 21891 问题

查看课程

相似问题