javascript - 使用 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);