js ---实现排他效果

 // 排他功能
    let btn = document.getElementsByTagName('button');
    for (let i = 0; i < btn.length; i++) {
        btn[i].onclick = function () {
            // 在显示当前按钮的时候，先干掉其它的按钮样式
            for (let i = 0; i < btn.length; i++) {
                btn[i].style.backgroundColor = ''
            }
            // 显示当前按钮效果
            this.style.backgroundColor = 'pink'
        }
    }

html

<button>大家好</button>
<button>大家好</button>
<button>大家好</button>
<button>大家好</button>
<button>大家好</button>