如何在页面加载时给锚元素添加类，并使用特定的href值

Posted 2021-03-19

我不能手动给这个锚元素添加ID或CLASS。它只是有一个特定的href值，我需要javascript或jQuery代码在页面加载时为锚元素添加一个类。我需要JavaScript或jQuery代码，在页面加载时为锚元素初始添加一个类。最初并没有附加类属性。

我试过

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

我以为这样就能找到带有href值的锚元素，并为该元素添加一个class，但似乎并不奏效。

答案

因为它只有一个锚元素，你可以用以下方法来锁定它 querySelector() 而不是 querySelectorAll() 可以针对具有相同href属性的多个元素。

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

使用jQuery，你可以写

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