为什么点击清除节点内容会只剩一个html?-慕课网

为什么点击清除节点内容会只剩一个html?

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

无色猫

2016-08-04 17:49

<!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");
  // 在此完成该函数
  for(var i=content.childNodes.length-1; i>=2; i--){
    var childNode = content.childNodes[i];
    content.removeChild(childNode);
  }

}

</script>

<button onclick="clearText()">清除节点内容</button>



</body>
</html>

写回答关注

3回答

慕移动9181930

2022-03-25 10:37:30

少了图片来源的路径不错，加油。

0 0
无知的狗3576298

2016-08-08 17:18:35

循环条件得是 i>=0 ，如果是i>=2的话，其实你剩下的不只是一个html，还有一个文本节点没有删掉，看看前几张节点的内容，会有帮助。

function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var num = content.childNodes.length;
for (var i=num-1;i>=0;i--){
var node = content.childNodes[i];
content.removeChild(node);
}
}

0 0
水里有条鱼

2016-08-04 22:02:32

for(var i=content.childNodes.length-1; i>=2; i--)
不懂你为什么要大于等于2，大于等于1不就好了

0 0