这样删除节点对吗？-慕课网

这样删除节点对吗？

来源：9-14 删除节点removeChild()

青春不是年华而是心境

2016-09-28 20:48

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body>
<div id="content">
<h1>html</h1>
<h1>php</h1>
<h1>javascript</h1>
<h1>jquery</h1>
<h1>java</h1>
</div>

<script type="text/javascript">
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var concn = content.parentNode;
concn.removeChild(content);
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>

写回答关注

3回答

慕粉3951534

2016-10-13 14:53:23

已采纳
你这样做从语法上没有任何问题，从显示效果上，也没什么差别，但从删除后的 DOM 结构上来看，和题目意思有所出入。
题目的意思是将 div 元素下的所有子节点删除，保留 div。你的做法是将 div 整个删除。
按照题目的意思可以有许多方法，这里给出一种：
```
function clearText() {
  var content=document.getElementById("content");
  // 在此完成该函数
  while (content.firstChild) {
      var node = content.firstChild;
      content.removeChild(node);
  }
}
```
1 0

青春不是年华...

非常感谢！

2016-10-13 14:56:57

共 1 条回复 >
慕妹1302162

2016-09-28 21:49:56

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body>
<div id="content">
<h1>html</h1>
<h1>php</h1>
<h1>javascript</h1>
<h1>jquery</h1>
<h1>java</h1>
</div>

<script type="text/javascript">
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var removeContent=content.removeChild(content.childNodes[0]);
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>

1 0

青春不是年华...

你这样做效果是：点一下按钮消除一行的内容

2016-09-29 11:25:24

共 1 条回复 >
慕妹1302162

2016-09-28 21:47:07

不对啊

0 0

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题

删除节点removeChild()

回答 2

删除节点removeChild

回答 1

removerChild 只能删除子节点吗

回答 2

无法删除节点

回答 1

删除节点代码

回答 1

打开慕课网App查看更多内容