javascript - javascriptを使用してリンクタグのhrefを変更する

Question

こんにちは、リンク タグの href を変更して、ボタンを押すと新しいスタイル シートが読み込まれるようにしようとしています。これは私がこれまでに持っているものです-

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

どんな助けでも大歓迎ですありがとう

Answer 1

すべてのタグを（として）返すhrefため、そのように直接設定することはできません。確実に 1 つしか持っていない場合は、次のように使用します。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);