求解釋為啥刪不掉所有節(jié)點(diǎn)?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(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(var i=0;i<content.length;i++){
? ? ? var x=content.removeChild(content.childNodes[i])
? }
??
}
</script>
<button onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>
2018-08-03
i的條件寫錯(cuò)了,應(yīng)該是content的所有子節(jié)點(diǎn)長度。另外還要注意非IE瀏覽器會(huì)把空白當(dāng)成節(jié)點(diǎn),還有,每次刪除節(jié)點(diǎn),整個(gè)數(shù)組會(huì)發(fā)生變化,原來索引1的值會(huì)變成索引0,而i經(jīng)過循環(huán)變成了1,索引0就刪不掉了,這個(gè)代碼會(huì)造成隔行刪的情況,需要想想如何修改。
2018-07-31
第一個(gè)回答的為什么要嘲諷別人啊。
而且content.childNodes[i]這個(gè)沒有問題吧,遍歷的是content下的子節(jié)點(diǎn)啊。
有問題的是i的取值,應(yīng)該是i<content.childNodes.length。取對了之后是可以刪除的,但是不能一次刪去,可以想想為什么再去嘗試,加油~
2018-07-26
應(yīng)該是由于刪除了子代節(jié)點(diǎn)之后,集合變了的關(guān)系,這樣寫可以一次刪除
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(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ù)
? var children=content.childNodes;
? var length=children.length;
? while(children!=null){
? ? ? var x=content.removeChild(children[0]);
? ? ? x=null;
? }
??
?/*?
?這個(gè)不能一次完成刪除,應(yīng)該是因?yàn)閏hildren被刪除
?之后出現(xiàn)改變的原因
?for(var i=0;i<length;i++){
? ? ?var x= content.removeChild(children[i]);
? ? ?x=null;
? }*/
??
}
</script>
<button onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>
2018-07-14
id獲得的是一個(gè)值? 不是一個(gè)數(shù)組? 你對一個(gè)數(shù)組進(jìn)行遍歷? ?牛逼
2018-07-14
for(var i=0;i<content.childNodes.length;i++){? };? for循環(huán)里面遍歷的數(shù)組沒取對
2018-07-14
var x=content.removeChild(content.childNodes[i])? 是不是少了一個(gè)“;”
2018-07-13
仔細(xì)把理論看一下再寫代碼,真的。。這樣對你有好處