为了账号安全,请及时绑定邮箱和手机立即绑定

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

<!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 回答

少了图片来源的路径

0 回复 有任何疑惑可以回复我~

循环条件得是 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 回复 有任何疑惑可以回复我~

for(var i=content.childNodes.length-1; i>=2; i--)

不懂你为什么要大于等于2,大于等于1不就好了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信