使用 javascript 更改链接标签的 href

Posted 2023-03-05

【中文标题】使用 javascript 更改链接标签的 href

【英文标题】：Changing the href of a link tag using javascript

【发布时间】：2012-11-23 23:42:48

【问题描述】：

您好，我正在尝试更改链接标签的 href，以便在按下按钮时加载新的样式表。 这是我目前所拥有的-

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

任何帮助非常感谢谢谢

【问题讨论】：

给样式表链接一个 id 并改用 getelementbyid

【参考方案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);

【讨论】：

啊，谢谢，只是有点过头了，哈哈。因此，如果我有多个链接标签，我将不得不寻找带有我想要更改的 href 的链接。或者我会添加更改数字 0 吗？抱歉，对 javascript 很陌生。如果您很忙，请不要担心。感谢您的帮助

只给它一个id更容易，而不是遍历所有链接元素并检查href。

非常感谢，如果您不介意，再问一个问题。一旦按下按钮，我将如何让它回到页面顶部。我尝试了函数“window.location.reload()”，但这显然只是重新加载了页面而没有更改链接