原生JS鼠标经过li动态添加Active

原生JS鼠标经过li动态添加Active

var lis = document.querySelectorAll(".rank-box li"); //li列表
    function lisActive(event){
        //先清空所有li的active
        let lis= document.querySelectorAll(".rank-box ul li");
        lis.forEach(o => {
            o.classList.remove("active");
        });
        //给当前li添加active
        event.currentTarget.setAttribute('class','active')
    }
lis.forEach(o => {
    o.onmouseover = lisActive;
});

效果如下图:

联系我们

免费复制

微信扫码关注领取验证码

注:需在公众号回复"验证码

输入验证码后可免费复制

付费复制 免费复制 付费复制

付费后30天内不限量复制

价格:元

支付宝支付

联系客服