javascript - 使用 JavaScript 更改链接标签的 href

Question

我正在尝试更改链接标记的 href，以便在按下按钮时加载新的样式表。

函数 addcss() {
var findlink = document.getElementsByTagName("链接"); findlink.href = "stylesheetxhtml.css";

Answer 1

您不能设置 href直接那样，因为document.getElementsByTagName返回所有 <link>标签(作为 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);