答案完全看不懂，求大神讲解一下啊，越详细越好-慕课网

首页课程实战体系课手记专栏慕课教程

答案完全看不懂，求大神讲解一下啊，越详细越好

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

qq_心随风动_0

2015-11-08 21:41

答案完全看不懂，求大神讲解一下啊，越详细越好

写回答关注

3回答

我们是兄弟: 2015-12-15 16:24:28

<!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> 基础语法</li>
      <li>流程控制语句</li>
      <li id="tcon">函数</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>

要是这样的话这句话的意思就是mylist.parentNode.parentNode.parentNode获取的就是最内层的ul了，是这样么。要是这样的话就理解了。

0 0

荼酒: 2015-11-10 16:08:25

打印id="tcon"的父元素的父元素的父元素的最后一个子元素从开始到结束标签的html

返回结果:

<li id="lesson4">html/css
    <ul>
        <li>文字</li>
        <li>段落</li>
        <li>表单</li>
        <li>表格</li>
    </ul>
</li>

0 0

李晓健

2015-11-08 21:56:50

1、mylist.parentNode //获取 mylist 的父节点，就是他上面的ul
2、mylist.parentNode.parentNode //就是获取再上一级节点就是ul上面的li
3、mylist.parentNode.parentNode.parentNode //就是获取2中li父节点就是最外层的ul
4、mylist.parentNode.parentNode.parentNode.lasrChild //就是获取最外层ul的最后一个子节点就是id=lesson4的那一个li
5、mylist.parentNode.parentNode.parentNode.lasrChild.innerHTML 就是获取id=lesson4的li的里面的内容，就是他里面的那个ul的所有内容

0 12

JavaScript进阶篇

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

469062 学习 · 22582 问题

查看课程

相似问题

划红线部分看不懂，求大神讲解一下，越详细越好

回答 1

看不懂，求大神们来详细解答一下，任务1,2,3的步骤

回答 2

回答 4

回答 2

回答 2