为甚么我每次都要点击两次按钮才能删除一个节点?求解~

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

为甚么我每次都要点击两次按钮才能删除一个节点?求解~

<!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 child=content.childNodes;

// alert(child.length);

content.removeChild(child[0]);

}

</script>

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

</body>

</html>

提问者：祖国一霸 2018-09-19 14:09

个回答

虚小空圆圆圆_RS003

2018-10-09 21:00:16

<div id="content"><h1>html</h1><h1>php</h1><h1>javascript</h1><h1>jquery</h1><h1>java</h1></div>
把DIV里面的空格节点去除就行了 .
之所以你要按2次,是因为每一次换行你的浏览器都有空格节点生成

1
qq_长剑Zlf古风君疯狂剑客_03964233

2018-09-26 19:26:01

你用for循环，如果你不是i--往后面删除的话，是i++这个方法的话，当i=0删除的是html，再循环一次，这时删除的就是javascript了，因为html不在了，所以i=1 ，javascript的下标就是1了

0
qq_各自安好_19

2018-09-20 23:12:57

你把div和h1换成无序列表ul和li试一下

0