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

Question

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

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

但是我的控制台日志给我一个错误

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