剛學到js中的dom，我要用迴圈把5個按鈕變為紅色，為什麼不行，一定要用this？

1樓：蔡帥哥

我也來湊下熱鬧

var but = document.getElementsByTagName("input"for (var i = 0; i < but.length; ifunction (ibut[i].

onclick = functionbut[i].value = "哈哈"but[i].style.

backgroundColor = 'red'i

關鍵字立即執行函式閉包

2樓：馬卍

最好的辦法就是不要用for迴圈啊！應該用函式閉包作用域。

Array.from(btn).forEach(b=>b.onclick=()=>{

b.style.backgroundColor="red"

3樓：Super丶Mario

for迴圈是同步的 onclick是非同步的當onclick發生的時候 for迴圈已經結束很久了,i也就不存在了,當然拿不到資料

4樓：

click 事件是非同步事件，click 函式是以非同步方式進行呼叫，事件觸發時 for 迴圈已經結束，i = 5，所以 btn[i] 就是 btn[5]。那為什麼外層的 btn[i] 正常呢？因為這裡是同步執行，依次給每個 input 新增事件。

this 可以是因為 this 指代當前的物件。

5樓：Jett Lee

如果你知道 js 是怎樣執行的就很好了解，i是定義在全域性上的，所以每次函式入棧時都會改變i，函式出棧執行時全部都拿取i的最終結果。

所以需要改變i為區域性變數跟函式一起入棧就正常了

6樓：Song Yukino

犯了乙個基礎性錯誤：i 沒有被定義

在這種情況下，i 被自動建立到了全域性，且可以被隨意修改，當前 i 並不存在於閉包中，所以在每次迴圈時都會被修改。而當你呼叫 btn[i] 的時候，i 早已不是註冊 onclick 時的值了，當然沒法修改。

看題主的情況，應該拿到了乙份比較老舊的教材，裡面還在講解 ES5 時代的內容。題主可以了解一下 ES6 ，在 ES6 中使用 let 初始化變數就可以輕鬆避免在迴圈中變數被覆蓋的問題了。