js_javascript スキルで CSS 属性を動的に呼び出す小さなルールと例

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 など。

float は Javascript の予約語なので、js のスタイルシートに float を記述するにはどうすればよいですか?

この操作は無効であるため、obj.style.float を直接使用することはできません。

正しい使用方法は次のとおりです: IE: obj.style.styleFloat、Mozilla (gecko)、ff などの他のブラウザでは styleFloat: obj.style.cssFloat を使用します。

誰もが理解しやすいように例を示します:

コードをコピーしますコードは次のとおりです:

テスト 1

テスト 2