[解決済み】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で作成するのが唯一の標準的な方法である。
関連
-
JSアレイループと効率解析の比較
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] CSSの親セレクタはありますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vue Element-uiは、アイコンを追加するためのツリーコントロールノードを詳細に実装しています。
-
要素ツリー制御によるvueTreeテーブル
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
JavaScriptの配列共通メソッド解説
-
Vueでルートネスティングを実装する例
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】JavaScriptエラー(Uncaught SyntaxError: Unexpected end of input)
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED