How to change css href=“” using javascript? [duplicate]

Answer 1

Query for it like you would any other element using document.querySelector or document.querySelectorAll.

document.querySelector("link[href='u1.css']").href = "u2.css";

Alternatively, you could also access it via document.styleSheets as well.

As an example:

// Change [href] on first stylesheet to u2.css
document.styleSheets[0].href = "u2.css";

Answer 2

You can add ID attribute to the element and replace the href attribute with javascript.

var link = document.getElementById('yourid');
link.setAttribute('href', 'newhref');

Ref: change the href of a css link via jquery