问一下parentNade的顺序是怎养的?-慕课网

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

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

五趾的鱼

2017-05-04 09:55

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

比如这一句

写回答关注

6回答

呦呦慕粉

2017-05-24 21:49:16

已采纳

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

0 0
风飘叶摇

2017-05-18 14:26:26

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

0 0

五趾的鱼: 2017-05-04 16:15:13

这是代码:

<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

表格

文字