为了账号安全,请及时绑定邮箱和手机立即绑定

关于父节点parentNode

<script  type="text/javascript">    
   var mylist = document.getElementById("tcon"); 
   document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);
</script>

代码有毛病吗,为啥运行结果是那个样

http://img1.sycdn.imooc.com//59a53e470001785309250437.jpg

代码有毛病吗老铁们

正在回答

6 回答


1,你的那个<script  type="text/javascript">   上面最近的那个</li></ul>是换过行的,那里会存在一个节点,这个节点是你的js代码中指向的最后一个节点

2,  document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

      第一条存在的那个节点是空白节点,所以返回一个undefined


0 回复 有任何疑惑可以回复我~

你是不是在哪里换行了什么的   最好重置一下代码然后再按要求把document.write语句写上去


0 回复 有任何疑惑可以回复我~
#1

可乐要加冰Xx 提问者

重新打了好几次了还是这样
2017-09-12 回复 有任何疑惑可以回复我~
<!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>

这是代码

0 回复 有任何疑惑可以回复我~

JS没毛病老铁。。。你看看是否你的HTML有问题

0 回复 有任何疑惑可以回复我~

不贴出html代码谁知道你的结构啊

0 回复 有任何疑惑可以回复我~
#1

可乐要加冰Xx 提问者

就这节的代码
2017-09-07 回复 有任何疑惑可以回复我~

你得把html贴出来啊老铁

0 回复 有任何疑惑可以回复我~
#1

可乐要加冰Xx 提问者

就这节的代码
2017-09-07 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468044    人
  • 解答问题       21891    个

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

进入课程

关于父节点parentNode

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信