TA貢獻361條經驗 獲得超191個贊
for(var i=content.childNodes.length-1;i>=0;i--){ 先說說這種寫法發生了什么，
當你點擊觸發，i的值是content.childNodes.length-1，條件是只要i>=0，就可以執行語句，因此這里i能執行到i=0；
因此這種寫法下點擊按鈕所有節點全部刪除
第二種寫法：for(var i = 0; i < content.childNodes.length; ++i){
點擊觸發，i開始是0，條件是i要小于元素節點的個數，就是這里發生了問題，
i=0；length=11，執行語句刪除節點，繼續
i=1；length=10，執行語句刪除節點，繼續
i=2；length=9，執行語句刪除節點，繼續
i=3；length=8，執行語句刪除節點，繼續
i=4；length=7，執行語句刪除節點，繼續
i=5；length=6，執行語句刪除節點，繼續
i=6；length=5，條件不滿足，停止！
再次點擊，
i=0 ; length=5............
因此執行效果是不同的
TA貢獻86條經驗 獲得超114個贊
這是代碼。。
<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? ?<title>無標題文檔</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");
? ? ? ?// 在此完成該函數
? ? ? ?//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()">清除節點內容</button>
</body>
</html>
舉報