javascript - 如何通过href获取元素并向该元素添加类

Question

我尝试通过他的 href 获取一个元素，并在 typescript 中为这个元素添加一个类，为此我尝试了：

let path = window.location.pathname;
let link = document.querySelectorAll("a[href="+path+"]");
console.log(link);

但是我的 console.log 给我一个错误

querySelectorAll' on 'Document' is not a valid selector

你知道我该如何解决这个问题吗？谢谢

标签： javascripttypescriptdom

Answer 1

这个问题不是 TypeScript 特定的。这只是本机 Javascript :)

您缺少path变量周围的括号。

let path = window.location.pathname;
let link = document.querySelectorAll('a[href="'+path+'"]');
console.log(link);

或者，根据您需要支持的浏览器 - 您可以使用插值和模板文字使此代码更具可读性：

let path = window.location.pathname;
let link = document.querySelectorAll(`a[href="${path}"]`);
console.log(link);