代码是这样的吗，为什么报错呢？-慕课网

代码是这样的吗，为什么报错呢？

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

MMJiao

2016-12-07 16:27

<script type="text/javascript">
  var mylist=document.getElementById("tcon");
  document.write("HTML/CSS的课程内容："+mylist.parentNode.innerHTML);
</script>

写回答关注

6回答

慕粉3204329

2016-12-13 13:16:56

即使在慕课网也没报错呀。你把慕课网的提示“没有使用parentNode找父上元素”当成报错了吧。

2 0

慕粉3204... 回复MMJiao

这只是说你没按照他的方法写而已。

2016-12-17 21:27:19

共 2 条回复 >
陈喵喵

2016-12-09 16:21:39

嗯嗯，慕课网有的时候提交确实运行结果是有问题的，最好在自己的编译器试

0 0
陈喵喵

2016-12-08 20:59:04

程序运行没有问题啊，你的tcon获取的是“基础语法”的那个li标签赋给了mylist，输出的是mylist也就是“基础语法”的那个li标签的父节点下的内容是
<ul>
      <li id="tcon"> 基础语法</li>
      <li>流程控制语句</li>
      <li>函数</li>
      <li>事件</li>
      <li>DOM</li>
  </ul>
在我电脑上的运行结果确实是这个

4 0

sin30 回复MMJiao

你要的标签没找对。你输出的内容是<li id="lesson1">这个标签下第一个ul标签的文本内容。你要注意看，id="lesson4"的li标签，其实是最外层ul标签的最后一个子标签。所以，你要找的标签应该是最外层的ul标签，也就是紧挨着<body>的那个ul标签。找到这个标签后，使用<ul标签>.lastChild就获取了我们需要的li标签了。这时候你在用<li标签>.innerHTML就得到输出结果了。用自己的话，写的有点乱，不知道你能不能看懂。

2016-12-16 22:42:20

共 4 条回复 >

MMJiao: 2016-12-08 17:14:45

<!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 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("HTML/CSS的课程内容："+mylist.parentNode.innerHTML);
</script> 

</body>
</html>

0 0

陈喵喵

2016-12-08 17:10:27

我看不到你其他的代码，只能看到这两句
<script type="text/javascript">
var mylist=document.getElementById("tcon");
document.write("HTML/CSS的课程内容："+mylist.parentNode.innerHTML);
</script>
所以不知道......怎么解答

1 0

MMJiao

代码是这样的

2016-12-08 17:15:28

共 1 条回复 >
陈喵喵

2016-12-07 18:16:57

为什么要写父节点？

1 0

MMJiao

9-10访问父节点的任务要求：通过获取的mylist节点，使用访问父节点parentNode，将"HTML/CSS"课程内容输出

2016-12-08 15:13:17

共 1 条回复 >

JavaScript进阶篇

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

469056 学习 · 22582 问题

相似问题

回答 1

回答 2

回答 3

回答 3

回答 5