如何通过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

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

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);