原生JS 我想鼠标划入 添加类名 清空兄弟类名

 var lis = document.querySelectorAll(".sci_ban_tit");
 //方法三:ES6 let块级作用域
 'use script'
 for (let i = 0; i < lis.length; i++) {
    lis[i].onmouseover = function () {
        console.log(i);
    }
 }
阅读 198
评论
    6 个回答
    • 2.8k

    你应该就是想做类似TAB选项卡的功能吧,按你的需求来看,只需悬浮就可以添加选中类名。

    
     var lis = document.querySelectorAll(".sci_ban_tit");
     lis.forEach(item => {
         item.onmouseover = () => {
            //先全部清空选中,再给当前添加选中
            lis.forEach(item => item.classList.remove('active'));
            item.classList.add('active');
         }
     })
     

    我想你需要的是这样的代码,不过用css也可以实现啊?

      相似问题
      推荐文章