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

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我無法更改動態(tài)創(chuàng)建元素的背景顏色超過 2 次

我無法更改動態(tài)創(chuàng)建元素的背景顏色超過 2 次

函數(shù)式編程 2023-11-12 14:29:25
我正在嘗試列出待辦事項清單。應(yīng)該是這樣的,如果我單擊任務(wù)元素,它必須將顏色更改回藍(lán)色,如果我第二次單擊它,它應(yīng)該將其更改回相同的顏色。我的問題是我不能將其更改為藍(lán)色并返回兩次以上。這是我的代碼。function getValue() {let result = document.createElement('h4')let att = document.createAttribute('class')att.value = 'pId'result.innerHTML = input.valuedocument.body.appendChild(result);result.setAttributeNode(att)// change colorlet colorArr = ['blue', 'rgb(184, 58, 58)']let i = 0result.addEventListener('click', function() {  result.style.backgroundColor = colorArr[i]  i = i+1})}
查看完整描述

3 回答

?
眼眸繁星

TA貢獻(xiàn)1873條經(jīng)驗 獲得超9個贊

您可以使用求余運(yùn)算符將索引重置回第一個索引;否則,它將不斷增加索引超過數(shù)組的長度。


result.addEventListener('click', function() {

  result.style.backgroundColor = colorArr[i];

  i = (i + 1) % colorArr.length;//works for any number of colors

});


查看完整回答
反對 回復(fù) 2023-11-12
?
慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗 獲得超7個贊

顏色只改變兩次的原因是,一旦i變得大于列表中的項目數(shù),就不會再分配更多的顏色i。所以為了達(dá)到想要的結(jié)果,用這個代替


result.addEventListener('click', function() {

  result.style.backgroundColor = colorArr[i]

  i = i+1

  if (i >= colorArr.length) {i = 0}

}

希望它不會令人困惑


查看完整回答
反對 回復(fù) 2023-11-12
?
GCT1015

TA貢獻(xiàn)1827條經(jīng)驗 獲得超4個贊

在單擊事件偵聽器中,只需使用 向元素應(yīng)用一個新類element.classList.toggle("myclass");。這將從元素中添加或刪除類,具體取決于元素是否具有該類。



查看完整回答
反對 回復(fù) 2023-11-12
  • 3 回答
  • 0 關(guān)注
  • 199 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號