首頁(yè) 猿問以下代碼中...

以下代碼中 aBtn[i].style.background = 'red'; 為啥不能用oBtn[i] 替代 this

Html/CSS JavaScript

Chiong 2016-04-21 13:21:24

?<script>window.onload?=?function?()?{ var?aBtn?=?document.getElementsByTagName('input'); for(var?i=0;?i<aBtn.length;?i++){ aBtn[i].onclick?=?function?()?{ aBtn[i].style.background?=?'red'; }; }};</script>?這句話中 aBtn[i].style.background = 'red'; 為啥不能用oBtn[i] 替代 this

查看完整描述

4 回答

已采納

qq_青棗工作室_0

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

因?yàn)殚]包，說起來就復(fù)雜了。

aBtn[i].onclick?=?function?()?{
? ?aBtn[i].style.background?=?'red';
};

這個(gè)匿名function里面的變量 i 跟外層的?for(var?i=0;?i<aBtn.length;?i++) 中的 i 是同一個(gè)。而且，這個(gè)i在for循環(huán)里自增到aBtn.length這個(gè)值了。然后，i就一直就是?aBtn.length 的值。

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

Chiong

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

將代碼aBtn[i].style.background?=?'red';改為?aBtn[i-1].style.background = 'red'; 以后,第三個(gè)按鈕會(huì)變成紅色, 所以i的值最后是3. ?for 循環(huán)只是起到給每個(gè)btn加事件的效果. 點(diǎn)擊這個(gè)事件觸發(fā)時(shí)候for 已經(jīng)循環(huán)完了, i的值是3, 那么就變成了aBtn[3]這個(gè)按鈕變紅,但是這個(gè)按鈕并不存在,所以三個(gè)按鈕沒有一個(gè)有反應(yīng)的. 但是改為i-1 后 .最后一個(gè)按鈕就變紅了.

end.3ku.all

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

zeusGOGOGO

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

循環(huán)體中只是定義了onclick的回調(diào)函數(shù)，并不會(huì)執(zhí)行，當(dāng)次循環(huán)體執(zhí)行完時(shí)i===aBtn.length，所以不能使用。但是this關(guān)鍵字代表的是觸發(fā)click事件的element，是正確的。如果你不想用this,我把代碼改成如下，跟this效果是一樣的：

for(var?i=0;?i<aBtn.length;?i++){
var?index?=?i;
aBtn[i].onclick?=?function?(index)?{
aBtn[index].style.background?=?'red';
};

新加變量index只是為了讓你更加明確。

更推薦你使用this

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

zeusGOGOGO
代碼有誤，，，不能這么寫，這樣寫index值還是會(huì)變化。其實(shí)我是想表達(dá)標(biāo)簽索引必須暫存~

回復(fù) 2016-04-21

淡雅的默

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

你這里沒有明確指定this是代表什么

如果這樣$("input").click(funciton(){$(this)})

這個(gè)時(shí)候用this的時(shí)候，this就是代表點(diǎn)擊input標(biāo)簽，但是你上面只是把input定義了變量，用this就會(huì)不知道是用什么this

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

4 回答
0 關(guān)注
2265 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

以下代碼中 aBtn[i].style.background = 'red'; 為啥不能用oBtn[i] 替代 this

以下代碼中 aBtn[i].style.background = 'red'; 為啥不能用oBtn[i] 替代 this

4 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

以下代碼中 aBtn[i].style.background = 'red'; 為啥不能用oBtn[i] 替代 this

以下代碼中 aBtn[i].style.background = 'red'; 為啥不能用oBtn[i] 替代 this

4 回答

相關(guān)問題推薦

添加回答