首頁猿問下面的代碼為什么不會無限循環(huán)下去呢...

下面的代碼為什么不會無限循環(huán)下去呢？我刪除了一個子元素也添加了一個子元素，應(yīng)該是無限循環(huán)的吧？

JavaScript

徐錦杰 2016-11-06 19:46:06

<!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");? ? var conCl=content.childNodes;? ? if(conCl[0]!=1)? ? {? ? ? ? content.removeChild(conCl[0]);? ? }? ? var x=content.removeChild(conCl[0]);? ? var newh1=document.createElement("h1"); ?? ? newh1.innerHTML=x.innerHTML; ?? ? content.appendChild(newh1);}</script><button onclick="clearText()">清除節(jié)點內(nèi)容</button></body></html>

查看完整描述

3 回答

已采納

stone310

TA貢獻361條經(jīng)驗獲得超191個贊

?if(conCl[0]!=1)這里是?if(conCl[0].nodeType!=1)

反對回復(fù) 2016-11-06

0101

TA貢獻11條經(jīng)驗獲得超3個贊

因為刪除了兩個，標(biāo)簽與標(biāo)簽之間的空白也是算節(jié)點的。一開始有11個節(jié)點，你點一次，就刪除最開始的那個空白節(jié)點，然后把第二個 h1 節(jié)點移到最后面，第二次刪除了第三個空白節(jié)點，第三次刪除了第五個空白節(jié)點，第四次刪除了第七個空白節(jié)點，第五次刪除了第九個空白節(jié)點，第六次刪除了第十一個空白節(jié)點，也就是最后一個，所以從第七次點擊開始，都會少一個。

反對回復(fù) 2016-11-06