查看 2552
回复 0
JavaScript实现点击链接添加Class
逆风天

16

主题

0

回帖

105

积分
发表于 2023-6-30 18:35:43
显示全部楼层 阅读模式
本帖最后由 逆风天 于 2023-6-30 18:37 编辑
实现目标:点击一个Ajax链接,加载之后,给点击的链接添加Class

  1.   var LinkElements = document.querySelectorAll('.link-view');
  2.   LinkElements.forEach(function(ThisLink) {
  3.     ThisLink.addEventListener('click', function() {
  4.       var LastLink = document.querySelector('.link-view.active');
  5.       if (LastLink) {
  6.         LastLink.classList.remove('active');
  7.       }
  8.       ThisLink.classList.add('active');
  9.     });
  10.   });
复制代码
释义
获取页面中带有Class为link-view的标签
var LinkElements = document.querySelectorAll('.link-view');

循环执行

LinkElements.forEach(function(ThisLink)


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


您需要登录后才可以回帖 登录 立即注册
QQ 快速回复 返回列表