how to get element by href and add a class to this element

Question

I try to get an element by his href and add a class to this element in typescript, For this I tried :

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

But my console.log throw me an error

querySelectorAll' on 'Document' is not a valid selector

Do you know how could I fix this ? Thanks

Answer 1

The question isn't TypeScript specific. It's just native Javascript :)

You're missing enclosing brackets around your path variable.

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

Optionally, depending on what browsers you need to support - you can make this code more readable by using interpolation and template literals:

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