时间戳

首页 > 解决方案 > 如何在页面加载时将类添加到具有特定href的锚元素

jquery - 如何在页面加载时将类添加到具有特定href的锚元素

问题描述

我无法手动向此锚元素添加 ID 或 CLASS。它只有一个特定的 href 值。我需要最初在页面加载时将类添加到锚点的 JavaScript 或 jQuery 代码。最初没有附加类属性。

我试过了

window.onload = function() {
  document.querySelectorAll("a[href='#dark-mode']").className = 'darklight';
};

我认为这会找到具有 href 值的锚元素并向元素添加一个类，但它似乎不起作用。

标签： jqueryfunctionclass

解决方案

由于它只是一个锚元素，因此您可以使用它来定位它，querySelector()而不是querySelectorAll()定位具有相同 href 属性的多个元素：

window.onload = function() {
   document.querySelector("a[href='#dark-mode']").classList.add('darklight');  
};

使用 jQuery，你会写

 $("a[href='#dark-mode']").addClass("darklight");

推荐阅读