• 32

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

javascript 
 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也可以实现啊?

    评论 赞赏
      查看全部 6 个回答
      相似问题
      推荐文章
      更多推荐文章