正序刪除時(shí)循環(huán)內(nèi)總是刪除第一個(gè)子節(jié)點(diǎn)但是還是不能一次性清除完,求大神指教是為什么
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無(wú)標(biāo)題文檔</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");
??
? // 在此完成該函數(shù)
? for(i=0;i<content.childNodes.length;i++)
????{
? ?????var x=content.removeChild(content.childNodes[0]);
????}
}
</script>
<button onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>
2022-03-29
這個(gè)可以從后往前刪除就好了
var i=content.childNodes.length-1;
i>=0;
i--
這樣就好了 ? ??
2022-03-29
我研究了一下整明白了,因?yàn)閿?shù)組的長(zhǎng)度在不斷的變化
第一次循環(huán)?i=0? ?i<length(5)? i++? ? ? 刪除一個(gè)數(shù)組元素剩4個(gè)
第二次循環(huán)i=1? ? i<length(4)? ?i++?????刪除一個(gè)數(shù)組元素剩3個(gè)
第三次循環(huán)i=2? ? ?i<length(3)? i++????? 刪除一個(gè)數(shù)組元素剩2個(gè)
第四次循環(huán)i=3? ? ?i<length(2)=false??????跳出循環(huán)
需要重新點(diǎn)擊按鈕重新開(kāi)始循環(huán)也就是? i=0
2022-03-29
我也是這么寫(xiě)的第一次刪了三個(gè)? ?第二次第三次?各刪除一個(gè)? 三次才刪除完