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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

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

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

函數(shù)式編程 2023-11-12 14:29:25
我正在嘗試列出待辦事項(xiàng)清單。應(yīng)該是這樣的,如果我單擊任務(wù)元素,它必須將顏色更改回藍(lán)色,如果我第二次單擊它,它應(yīng)該將其更改回相同的顏色。我的問(wèn)題是我不能將其更改為藍(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)驗(yàn) 獲得超9個(gè)贊

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


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

  result.style.backgroundColor = colorArr[i];

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

});


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

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

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


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

  result.style.backgroundColor = colorArr[i]

  i = i+1

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

}

希望它不會(huì)令人困惑


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

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

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



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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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