CSSファイルの位置プロパティを動的に変更した後に

Question

あなたが私を助けてくれることを願っています。 私は少しWebベースのGUIデザイナーを作りたいと思っています。ユーザーはエディタモードに切り替えることができ、drag'n'dropを使用してコンポーネントを任意の場所に配置することができます。彼がユーザーモードに戻ったとき、私は外部のcssファイル内の位置の詳細をjavascriptで更新します。 私はいくつかの例を見て、私が欲しいことをしていますが、私は理解できないように思えます。あなたはここに記載されているメソッドを使用する必要がありますJSで外部スタイルシートを編集するために、事前に

のthnx、 DG

Answer 1

：http://www.quirksmode.org/dom/w3c_css.html（スタイルシートスタイルシートへのアクセスおよび変更を参照）。 PPKテーブルからわかるように、重要なCSSの非互換性があります。これは端的なケースであり、このCSSファイルをどのように保存するかわかりません。

ユーザーモードページで呼び出される新しいCSSファイルを生成するサーバーに値を返す（おそらくajaxで）場合を考えます。

編集モードでは、すべてのスタイルがインライン（スタイル= "..."）になり、ページが送信されると、各要素のスタイルプロパティを列挙して値を抽出し、POSTリクエストを作成するために使用します。次に、サーバー上に新しいファイルを作成します。

Answer 2

あなたはjqueryのを使用したい...それは要素のグループを選択するには、CSSを使用して、あなたが

を選択した要素のCSSスタイルを操作することができますが、クラスawesomeDivとdiv要素を持って言うことができます：

<div class="awesomeDiv">some content</div> 

あなたが次の行にjqueryのを使用して、それを選択することができます。

$(".awesomeDiv") 

、あなたはそうのようなCSSを変更することができます。

$(".awesomeDiv").css({'background-color': '#000000', 'width': '250px'});