原生js实现点击变色或者tab选项卡

最新推荐文章于 2023-03-21 20:23:12 发布

one.dream

最新推荐文章于 2023-03-21 20:23:12 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/qq_44472722/article/details/97134267

Javascript 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于处理按钮点击事件，并实现按钮的状态切换功能。通过为按钮添加类名来标识当前状态，该方法可以轻松应用于多个按钮中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  function tab(btn) {
    for (var i = 0; i < btn.length; i++) {
      btn[i].index = i;
      btn[i].onclick = function () {
        //alert(this.index );
        for (var j = 0; j < btn.length; j++) {
          btn[j].classList.remove("isCheck")
         // boxlist[j].style.display = "none";
          btn[this.index].classList.add("isCheck");
         // boxlist[this.index].style.display = "block";
        }
      }
    }
  }

  onload = function () {
    let btn = document.getElementsByClassName("nav-icon");
    tab(btn ，参数)
  }