学院 › JavaScript › JavaScript实现点击链接添加Class

逆风天 发表于 2023-6-30 18:35:43

JavaScript实现点击链接添加Class

本帖最后由 逆风天 于 2023-6-30 18:37 编辑

实现目标：点击一个Ajax链接，加载之后，给点击的链接添加Class

var LinkElements = document.querySelectorAll('.link-view');
LinkElements.forEach(function(ThisLink) {
    ThisLink.addEventListener('click', function() {
      var LastLink = document.querySelector('.link-view.active');
      if (LastLink) {
      LastLink.classList.remove('active');
      }
      ThisLink.classList.add('active');
    });
});释义
获取页面中带有Class为link-view的标签
var LinkElements = document.querySelectorAll('.link-view');

循环执行

LinkElements.forEach(function(ThisLink)


其他就没啥了，会Js的一看就懂。

查看完整版本: JavaScript实现点击链接添加Class