使用javascript更改链接标记的href [英] Changing the href of a link tag using javascript

问题描述

您好我试图更改链接标记的href，以便当按下一个按钮时加载一个新的样式表。
这是我到目前为止 -

  function addcss（）
 {
 var findlink = document.getElementsByTagName（link）; 
 findlink.href =stylesheetxhtml.css; 
} 
  

任何帮助非常感谢。

c> document.getElementsByTagName code>返回所有< 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& code>元素，使用 document.createElement ：

  var newLink = document.createElement（'link'）; 
 newLink.href =stylesheetxhtml.css; 
 document.getElementsByTagName（head）[0] .appendChild（newlink）; 
  




Hi I am trying to change the href of a link tag so that when a button is pressed a new style sheet is loaded. This is what I have so far-

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

Any Help Much appreciated Thanks

解决方案

You can't set the href directly like that, because document.getElementsByTagName returns all the <link> tags (as a NodeList). If you're positive you only have one, use this:

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

If you have multiple <link> elements and want to target a specific one, give it an id and use document.getElementById:

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

Finally, if you want to create a new <link> element, use document.createElement:

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

这篇关于使用javascript更改链接标记的href的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！