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

删除节点的问题

<!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=0;i<=content.childNodes.length;i++){
        var x=content.removeChild(content.childNodes[0]);
        x=null;
    //}
        
        
    //}
  
  
}
</script>

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



</body>
</html>

为什么要点两下才能触发事件

正在回答

2 回答

因为存在空白节点,content的第0个子节点是空白节点。如果用document.write(content.childNodes.length);来检验一下,就明白了。看上去结果应该是6,但实际结果是11.

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

第一下没反应的是删除的空白节点。

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

你这样写一行的话,就没有空白节点了。

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

举报

0/150
提交
取消

删除节点的问题

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