问答详情
源自：9-10 访问父节点parentNode

有哪儿我大神帮忙解答一下

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

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

这句话是什么意思？？？

</body>

</html>


提问者：我爱你不如爱自己 2017-08-21 20:18

个回答

  • 易小云Abby
    2017-08-21 20:28:23
    已采纳

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

    打印mylist的父元素的父元素的父元素下最后一个子元素的html

    mylist.parentNode是<ul>

    mylist.parentNode.parentNode是<li id="lesson1">

    mylist.parentNode.parentNode.parentNode是<ul id="con">

    mylist.parentNode.parentNode.parentNode.lastChild是<li id="lesson4"></li>

    mylist.parentNode.parentNode.parentNode.lastChild.innerHTML是<li id="lesson4"></li>里面的内容

    1