排他思想

let btns = document.querySelectorAll('button')
for (let i = 0; i < btns.length; i++) {
  
 //方法1
btns[i].addEventListener('click', function () {
        // 干掉所有人 把所有按钮中的这个类都删除
        for (let j = 0; j < btns.length; j++) {
            btns[j].classList.remove('pink')
        }
        // 复活我自己 只给自己添加
        this.classList.add('pink')
    })
  
//方法2
btns[i].addEventListener('click', function () {
		// 我只需要找出那个唯一的 pink类,删除
		document.querySelector('.pink').classList.remove('pink')
		// 我的
		this.classList.add('pink')
    })
  
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注