さまざまなJSフレームワーク（Dojo、Ext.JSなど）を見ると、特定のDOM要素にインラインスタイルを設定する場合のように、レイアウトは、常にではないにしても、直接DOM操作を介して行われることがよくあります。これは、CSSが目指していることとはまったく対照的であり、多くの場合、CSSはそのようなシナリオを「美化」し、色などを指示するだけに任されているように見えます。
おそらく歴史的な観点からも、なぜこの選択が行われたのか、そしてページ/ウェブアプリケーションのレイアウト部分にCSSまたはインラインスタイルを選択した理由を理解したいと思います。
どのような場合に、js dom操作を使用せずに、スタイルシートを介してCSSのみを使用することに慣れますか？反対の場合はどうなりますか？
ありがとう！
彼らはほとんどの部分で物事を配置するために数学を使用しており、CSSCalcは十分にサポートされていないためです。
たとえば、jQuery UIでは、数学を使用して、ダイアログボックスを画面のどこに配置するか、または列を分割する方法を判断します。
CSSはFlexboxやCalcのようなものに追いついていますが、あなたが言及したJSフレームワークは、これらのCSSアップデートを取得することのないIE6のような非常に古いブラウザーをサポートすることがよくあります。
この動作にはさまざまな理由があります。
直接DOM操作を使用したくない場合は、新しいルールを物理cssファイルに書き込んでから、ページの依存関係としてファイルをロードする必要があります。あまりにも複雑で、まったく不要です。
インラインスタイリングはCSSではありませんか？
新しいスタイルが元の定義されたスタイルよりも高いランクになるように、フロントエンドスクリプトによる操作はインラインである必要があります。