1. ホーム
  2. javascript

[解決済み】JavascriptでCSSを追加する方法とは?

2022-04-16 19:45:56

質問

どのようにCSSルール(例えば strong { color: red } を使用することはできますか?

どのように解決するのですか?

また、DOM Level 2 CSS インターフェース ( MDN ):

var sheet = window.document.styleSheets[0];
sheet.insertRule('strong { color: red; }', sheet.cssRules.length);

...当然ながら、IE8以前では、わずかに異なる独自の文言が使用されています。

sheet.addRule('strong', 'color: red;', -1);

これは、createElement-set-innerHTMLメソッドと比較して、innerHTMLに特殊なHTML文字を入れることを心配する必要がないという理論上の利点がありますが、実際にはスタイル要素はレガシーHTMLではCDATAであり、'<'や'&'はどのみちスタイルシートではほとんど使われないのです。

このような追加を始めるには、スタイルシートが必要です。スタイルシートは、外部、埋め込み、空など、既存のアクティブなスタイルシートであれば何でもかまいません。もしない場合は、現時点では、createElementで作成するのが唯一の標準的な方法である。