慕妹2117740
2016-08-06 19:33
<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[i]);}/
return x;
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>
这样子一次性清理不完,是因为每次清理一个节点后,后面的节点会顶上来,造成一般一般的清理。要么不要i++。每次都清除第一个节点,要么使用i--。
我的写法:
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);
}
}
for循环里面的长度换一个变量去装,不要放在那里面,否则会出错
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题