首頁(yè) 猿問求大神解答

求大神解答

JavaScript

皓韻兒 2016-08-20 12:07:09

???? ???? ????html ????php ????javascript ????jquery ????java ????()?{ ????????=.(); ????????=?.; ????????(=?;?<?.;?++){ ????????????=?[]; ????????????.(); ????????} ????} ()為什么兩個(gè)for循環(huán)執(zhí)行的結(jié)果不一樣？

查看完整描述

3 回答

已采納

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

for(var i=content.childNodes.length-1;i>=0;i--){ 先說說這種寫法發(fā)生了什么，

當(dāng)你點(diǎn)擊觸發(fā)，i的值是content.childNodes.length-1，條件是只要i>=0，就可以執(zhí)行語(yǔ)句，因此這里i能執(zhí)行到i=0；

因此這種寫法下點(diǎn)擊按鈕所有節(jié)點(diǎn)全部刪除

第二種寫法：for(var i = 0; i < content.childNodes.length; ++i){

點(diǎn)擊觸發(fā)，i開始是0，條件是i要小于元素節(jié)點(diǎn)的個(gè)數(shù)，就是這里發(fā)生了問題，

i=0；length=11，執(zhí)行語(yǔ)句刪除節(jié)點(diǎn)，繼續(xù)

i=1；length=10，執(zhí)行語(yǔ)句刪除節(jié)點(diǎn)，繼續(xù)

i=2；length=9，執(zhí)行語(yǔ)句刪除節(jié)點(diǎn)，繼續(xù)

i=3；length=8，執(zhí)行語(yǔ)句刪除節(jié)點(diǎn)，繼續(xù)

i=4；length=7，執(zhí)行語(yǔ)句刪除節(jié)點(diǎn)，繼續(xù)

i=5；length=6，執(zhí)行語(yǔ)句刪除節(jié)點(diǎn)，繼續(xù)

i=6；length=5，條件不滿足，停止！

再次點(diǎn)擊，

i=0 ; length=5............

因此執(zhí)行效果是不同的

反對(duì) 回復(fù) 2016-08-21

皓韻兒

TA貢獻(xiàn)86條經(jīng)驗(yàn) 獲得超114個(gè)贊

這是代碼。。

<!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(var i=content.childNodes.length-1;i>=0;i--){
? ? ? ? ? ?for(var i = 0; i < content.childNodes.length; ++i){
? ? ? ? ? ?var childNode = content.childNodes[i];
? ? ? ? ? ?content.removeChild(childNode);
? ? ? ?}

? ?}
</script>

<button onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>

</body>
</html>

反對(duì) 回復(fù) 2016-08-21

摩訶迦葉

TA貢獻(xiàn)146條經(jīng)驗(yàn) 獲得超54個(gè)贊

？你這是什么？

反對(duì) 回復(fù) 2016-08-20

皓韻兒
<!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(var i=content.childNodes.length-1;i>=0;i--){ for(var i = 0; i < content.childNodes.length; ++i){ var childNode = content.childNodes[i]; content.removeChild(childNode); } } </script> <button onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button> </body> </html>

回復(fù) 2016-08-21
摩訶迦葉
用//for(var i=content.childNodes.length-1;i>=0;i--){ 是對(duì)的！用for(var i = 0; i < content.childNodes.length; ++i)是錯(cuò)的。因?yàn)閏ontent.childNodes.length是在不斷減少的。比如，有10個(gè)子節(jié)點(diǎn)。這時(shí)是i<10，你在循環(huán)中刪除一個(gè)子節(jié)點(diǎn)，就剩9個(gè)子節(jié)點(diǎn)了，這時(shí)的判斷條件就變成了i<9；這樣這個(gè)for循環(huán)時(shí)不會(huì)執(zhí)行10次，也就不能刪除所有子節(jié)點(diǎn)了。

回復(fù) 2016-08-21