「JavaScriptを使用してCSSスタイルのシートを動的に作成または追加する実装方法」を読んだ後、CSSスタイルのシートを変更する方法を簡単に把握できます。
私は今日、フォーラムで友人にこの質問をしている友人に会いました。
<style> .ls {width = 120px;} </style> <script> //ここに文を追加して、.lsの幅の値を変更します。一部の友人は答えました：「.lsを使用して多くのオブジェクトがある場合、jsを使用するのは本当に不便です。JQueryは便利です、$（ "。ls"）。width（200）;それは大丈夫です。」
彼は、JQのクラスSelector.lsを使用して、CSSスタイルシートを変更するのではなく、このスタイルを使用して1つずつ調整するすべてのオブジェクトを選択したいと考えているため、「多くのオブジェクト」に関する懸念があります。
しかし、問題は、これが.LS設定ではなく、これらのオブジェクトの特定の式スタイルのみを変更することです。 .lsスタイルを使用して別の要素が表示されている場合、それはまだ同じです。症状を治療するためには、根本的な原因を治療するために、この要素を再度調整する必要があります。さらに、この方法は、単に1つの文でそれを達成することは不可能であると判断します。
これについて考える人はかなり多く、「JavaScriptを使用してCSSスタイルのシートを動的に作成または追加するという実装方法」を読むと、この問題を1つの文で解決する方法を簡単に考えることができます。このスタイルを使用する新しく追加された要素は、変更された設定を自動的に適用します。したがって、あなたは多くの人々と区別されるより高いレベルの知識を学びました。以下にメソッドを詳細に説明させてください。
上記の例のため、効果を見るのは簡単ではありません。以下に別の例を書きました。色の変化を通じて効果を見るのは簡単です。
<style> .theforever {width：50px; color：Red;}実際、比較のためだけにこれは変わりません</div> <script> document.stylesheets [0] .csstext = document.stylesheets [0] .csstext.replace（/red/g、 "yellow"）; //それは大丈夫ではありませんか？ </script>上記の例は特定のスタイル名ではなく、一般的な色（色を示さない赤い単語を含むより複雑なCSSページに直接移動すると、エラーにつながる可能性があります。私は常に脳ベースではなく、あまり多くの指示を与えないコードの使用に非常にうんざりしていますが、特定のスタイルの名前を簡単に変更することもできます。
上記から、document.stylesheets [0] .csstextは、文字列変数に相当する<style> </style>全体の内部のコンテンツです。したがって、.lsの設定を変更する場合は、 ".ls {width = 120px;}"を置き換えます。
JavaScriptでCSSスタイルのシートを動的に変更する方法に関する上記の記事は、私があなたと共有するすべてのコンテンツです。私はそれがあなたに参照を与えることができることを願っています、そしてあなたがwulin.comをもっとサポートできることを願っています。