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

问一下parentNade的顺序是怎养的?

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

比如这一句

五趾的鱼

2017-05-04

源自：JavaScript进阶篇 9-10

关注问题我要回答

978

操作

收起

6 回答

呦呦慕粉回答被采纳 +3 积分
2017-05-24

document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);，从左到右，mylist的父节点（<ul> ）的父节点（<li id="lesson1">）的父节点（<ul id="con">）的最后一个子节点（<li id="lesson4">）里边的所有内容全部输出。

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

收起回答

风飘叶摇
2017-05-18

最后的输出是：父节点-父节点-父节点下的最后一个子节点的文本内容，不难理解呀？

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

收起回答

五趾的鱼提问者
2017-05-04

这是代码:

<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.nodeName+"<br />");
   document.write(mylist.lastChild.nodeName+"<br />");
   document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

</script> 

</body>

这是输出:

javascript

基础语法

流程控制语句

函数

事件

DOM

das

dadf

HTML/CSS

表格

文字