点击按钮删除节点不是想象中的那样
来源：9-14 删除节点removeChild()
小磊子0201
2018-01-12 13:25
点击按钮，第一次没有操作结果，第二次删除三个节点，后面就是点击一次删除一个。这是为什么呢？
写回答
关注
2回答
-
- 若水life
- 2018-01-12 15:47:11
<!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");
// 在此完成该函数
while(content.firstChild=true){
content.removeChild(content.firstChild);
}
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>
-
- 若水life
- 2018-01-12 14:40:31
for(var i=0;i<content.childNodes.length;i++){}
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468061 学习 · 21891 问题
相似问题