使用javascript更改链接标记的href

Question

您好我正在尝试更改链接标记的href,以便在按下按钮时加载新的样式表.这是我到目前为止 -

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

任何帮助非常感谢谢谢

Answer 1

你不能href直接设置,因为document.getElementsByTagName返回所有<link>标签(作为a NodeList).如果你是积极的,你只有一个,使用这个:

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

如果您有多个<link>元素并希望定位特定元素,请为其指定ID并使用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);