ホームページ > 記事 > ウェブフロントエンド > CSS スタイルシートを JavaScript に文字列として挿入するにはどうすればよいですか?

CSS スタイルシートを JavaScript に文字列として挿入するにはどうすればよいですか?

IE の互換性: IE9 以前では、スタイルシートの数は 32 個に制限されています。これらのブラウザでの過度の使用は避けてください。
XSS セキュリティ: XSS 攻撃を防ぐには、innerHTML の代わりに textContent を使用してください。

Mary-Kate Olsenオリジナル: 2024-11-03 01:07:02383ブラウズ

How Do I Inject CSS Stylesheets as Strings in JavaScript?

JavaScript に CSS スタイルシートを文字列として挿入する方法

はじめに

カスタム CSS を Web アプリケーションに組み込むと、ユーザーエクスペリエンスが向上します。この記事では、JavaScript を使用して完全な CSS スタイルシートを文字列として挿入しようとする開発者が直面する一般的な問題について説明します。新しいスタイルシートを作成し、既存のスタイルシートを動的に変更できるソリューションを検討します。

新しいスタイルシートの作成

最も簡単な方法は、