この記事では、主に javascript CSS コードを動的に生成する 2 つの方法を紹介します。場合によっては、ページ上のスタイル タグで CSS コードを動的に生成するために js を使用する必要がある場合があります。参考までに、この 2 つの方法を紹介します。
JavaScriptでCSSコードを動的に生成する2つの方法
場合によっては、jsを使用してページのスタイルタグにCSSコードを動的に生成する必要がある場合があります。この方法は非常に簡単です。つまり、スタイル要素を直接作成してから設定します。 style 要素 内部の CSS コードは、最終的に head 要素に挿入されます。ただし、解決する必要がある互換性の問題がいくつかあります。まず、w3c規格に準拠したブラウザでは、style要素に挿入するCSSコードをテキストノードとして挿入するだけで済みます。IEではstyle要素のstyleSheet.cssTextを使用するだけです。この問題を解決するために。 IE の一部のバージョンでは、ページ上のスタイル タグの数が制限されているため、それを超えるとエラーが報告されることにも注意してください。
方法 1:
