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

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

JS 上只有一個(gè)活動(dòng)按鈕

JS 上只有一個(gè)活動(dòng)按鈕

拉莫斯之舞 2023-05-11 10:03:13
需要做到這一點(diǎn)，以便您只能從兩個(gè)按鈕中選擇一個(gè)活動(dòng)按鈕。HTML<button class="main__btn">uomo</button><button class="main__btn">donna</button>JS'use strict'const mainBtn = document.querySelectorAll('.main__btn');mainBtn.forEach(el => {    el.addEventListener('click', (event) => {        const target = event.currentTarget;        if(el.classList.contains('active')) {            el.classList.remove('active');        } else {            el.classList.add('active');        }    });});
查看完整描述

2 回答

?
四季花海

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

嘗試使用我建議的 ID 來簡(jiǎn)化代碼！如此簡(jiǎn)單的任務(wù)太多了


 'use strict'

    const mainBtn = document.querySelectorAll('.main__btn');

    const uomo = document.getElementById('uomo');

    const donna = document.getElementById('donna');

    mainBtn.forEach(el => {

        el.addEventListener('click', (event) => {

            const target = event.currentTarget;

                console.log(target.id);

            if(target.id=="uomo") {

                donna.classList.remove('active');

                            uomo.classList.add('active');

            } else {

                donna.classList.add('active');

                        uomo.classList.remove('active');

            }

        });

    });


查看完整回答
反對(duì) 回復(fù) 2023-05-11
?
qq_花開花謝_0

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

const buttonOne = document.getElementById('buttonOne');

const buttonTwo = document.getElementById('buttonTwo');


buttonOne.addEventListener('click', makeActive);

buttonTwo.addEventListener('click', makeActive); 

function makeActive(event){

if(!event.target.classList.contains('active')){

buttonOne.classList.toggle('active')

buttonTwo.classList.toggle('active')

}

}

.active{

background-color:black;

color:white;

}

<button id='buttonOne' class="main__btn active" >uomo</button>

<button id='buttonTwo' class="main__btn">donna</button>

你也可以這樣做。



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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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