Изменение href тега ссылки с помощью javascript

Question

Привет! Я пытаюсь изменить ссылку тега ссылки, чтобы при нажатии кнопки загружалась новая таблица стилей. Это то, что я до сих пор

function addcss()
{   
   var findlink = document.getElementsByTagName("link");
   findlink.href = "stylesheetxhtml.css";
}

Любая помощь высоко ценится Спасибо

Answer 1

Вы не можете установить href прямо так, потому что document.getElementsByTagName возвращает все <link> теги (как NodeList). Если вы уверены, что у вас есть только один, используйте это:

var findlink = document.getElementsByTagName("link");
findlink[0].href = "stylesheetxhtml.css";

Если у вас есть несколько <link> элементы и хотите нацелиться на конкретный, дать ему идентификатор и использовать document.getElementById:

var findlink = document.getElementsById("myLinkId");
findlink.href = "stylesheetxhtml.css";

Наконец, если вы хотите создать новый <link> элемент, использование document.createElement:

var newLink = document.createElement('link');
newLink.href = "stylesheetxhtml.css";
document.getElementsByTagName("head")[0].appendChild(newlink);

Answer 2

Человек, самый простой способ: просто введите это: document.querySelector(".search").setAttribute("href","https://www.google.com/");

Теперь сделайте так, чтобы ваша кнопка делала это при нажатии!