本文からJavaScriptを使用してヘッドにスタイルシートを挿入するにはどうすればよいですか?

本文に JavaScript を使用してヘッドにスタイルシートを挿入する

を編集できないWeb サイトに CSS スタイルシートを追加する必要がある場合、CMS のセクションに問題が生じる可能性があります。この問題は、JavaScript を利用してスタイルシートを に直接挿入することで解決できます。スクリプト自体が セクションの最後に追加されている場合でも、

これを実現するには、新しい タグを追加します。要素は JavaScript を使用して動的に作成されます。この要素は適切な属性で構成されます:

• type: "text/css"
• rel: "stylesheet"
• href: スタイルシートの URL

作成されると、

がロードされます。要素は に追加されます。

function addCss(fileName) {
  const head = document.head;
  const link = document.createElement("link");

  link.type = "text/css";
  link.rel = "stylesheet";
  link.href = fileName;

  head.appendChild(link);
}

addCss('{my-url}');

このコードは、新しい を作成します。要素に指定された href を追加し、それを に追加します。

function addCss(fileName) {
  $("<link />", {
    rel: "stylesheet",
    type: "text/css",
    href: fileName
  }).appendTo('head');
}

addCss("{my-url}");

以上が本文からJavaScriptを使用してヘッドにスタイルシートを挿入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。