1. JSを使用してCSS属性を書き込む方法
1。マークのないCSS属性の場合、通常はスタイルを使用できます。属性名は直接。
など:obj.style.margin、obj.style.width、obj.style.left、obj.style.position
2。中央のマークを含むCSS属性については、各中央マークを削除し、各中央マークの後に最初の文字を変更して大文字に変更します。
など:obj.style.margintop、obj.style.borderleftwidth、obj.style.zindex、obj.style.fontfamilyなど
3。JS操作CSSフロート属性のための特別なライティング方法
FloatはJavaScriptの予約済みの単語であるため、obj.style.floatを直接使用することはできないため、操作は無効です。それを使用する正しい方法は、IE:obj.style.stylefloat、その他のブラウザMozilla(gecko)、ffなどです。Stylefloat:obj.style.cssfloatを使用します。
2。JSを使用して、CSS属性値を取得します
1。ラインスタイルを取得:obj.style。属性名。 <div id = "css88"> js css属性値を取得</div>クラスにアクセスできません。
2。リンクの内側と外側のCSS属性を取得します。IEはobj.currentStyle ["属性名"]メソッドを使用し、ffはgetComputedStyleメソッドを使用します
3. JSを使用して、CSS属性に値を割り当てます
1.クラス属性を割り当てます
割り当て:document.getElementById( 'ceil')。classname = "class1";
複数の値がある場合:document.getElementById( 'ceil')。classname = "class1 class2 class3";
2。Obj.style.csStextオブジェクトのCSSスタイルを設定します
document.getElementById( 'navition')。style.csstext = "your css code ';
要約します
ページに適用されるスタイルを動的に変更する方法を知ることは、スタイリッシュでインタラクティブなWebページを作成するのに非常に役立ちます。この記事で説明されている知識は、JavaScriptアニメーションなどのより高度なテクノロジーの基礎を形成します。ダイナミックスタイルの変更を責任を持って使用し、それを過剰に使用しないでください。前述のように、スタイルの変更はWeb効率を向上させることもできます。コンテンツの表示と隠すことは、クライアントとサーバー間の不必要なデータの相互作用を回避するのに役立ちます。