                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

假如我现在希望与任务一样，想通过获取的mylist节点，使用访问父节点parentNode，将<li id="lesson3">dadf</li>中的dadf输出，请问应该怎么写呢？为什么像下面这样写输出的是undefined，而不是dadf呢？

<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");
var con=mylist.parentNode.parentNode.parentNode.childNodes;
document.write(con[2].innerHTML);
</script>

空白2016

2015-12-14

源自：JavaScript进阶篇 9-10

关注问题我要回答

949

操作

收起

4 回答

Caballarii
2015-12-14

childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
children 获取作为对象直接后代的DHTML 对象的集合。

你这里应该用children，而不是childNodes

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

收起回答

空白2016 提问者

原来如此，谢谢您^_^

2015-12-14 回复有任何疑惑可以回复我~

uwenhao2008
2016-01-13

parentNode.parentNode.childNodes 的理解更深入了，谢谢大家

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

收起回答

Scny
2015-12-17

document.write(con[2].innerHTML);

你这个输出的是第三个子节点的属性，而<ul id="con">中第三个子节点是空白节点，所以会输出undefined.

所以算上空白节点的话，你要输出的dadf应该是

document.write(con[5].innerHTML);

或者直接把每个节点之间的空白节点去掉

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

这样你再用

document.write(con[2].innerHTML);

就能输出dadf了

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

收起回答

空白2016 提问者

恩，这也是种不错的解决方法，赞一个^_^

2015-12-17 回复有任何疑惑可以回复我~

李晓健
2015-12-14

document.write(document.getElementById("lesson3").innerHTML);

直接这么写就好了

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

收起回答

空白2016 提问者

不好意思，提问时忘记注明了，我希望与任务一样，通过获取的mylist节点，使用访问父节点parentNode，将dadf输出，请问应该怎么写呢？

2015-12-14 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

参与学习 469388 人
解答问题 22585 个

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

进入课程

本课相似问答

1 回答假如我想访问中间的某个子节点，应该怎么改？（例如像访问lesson3）

2 回答li之前的节点不应该是ul吗，怎么输出是空的。

3 回答为什么获取的不是父节点而是第一个子节点？

1 回答请问 <li id="a">是什么节点呢

3 回答访问父节点parentNode

搜索更多本课相关问答

假如我现在希望与任务一样，想通过获取的mylist节点，使用访问父节点parentNode，将<li id="lesson3">dadf</li>中的dadf输出，请问应该怎么写呢？为什么像下面这样写输出的是undefined，而不是dadf呢？

我要回答关注问题

热搜

最近搜索清空

假如我现在希望与任务一样，想通过获取的mylist节点，使用访问父节点parentNode，将<li id="lesson3">dadf</li>中的dadf输出，请问应该怎么写呢？为什么像下面这样写输出的是undefined，而不是dadf呢？

4 回答

本课相似问答

假如我现在希望与任务一样，想通过获取的mylist节点，使用访问父节点parentNode，将<li id="lesson3">dadf</li>中的dadf输出，请问应该怎么写呢？为什么像下面这样写输出的是undefined，而不是dadf呢？