为什么这样写不可以清除子节点的内容？
<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(i=0;i<content.length;i++)
{content.removeChild(content[i]);
}
}
</script>
<button onclick="clearText()">清除节点内容</button>
mk_落叶_363253147浏览 1039回答 1
1回答
-
qq_青枣工作室_0
function clearText() { var content=document.getElementById("content"); var childs = content.childNodes; // 这个才是子元素 var length = childs.length; // 先记录length值 for(var i=0;i<length;i++) { content.removeChild(childs[0]); // 删除第0个，因为每次删除后，子元素childs都少了一个。 } }
随时随地看视频慕课网APP
相关分类
JavaScript