CSS プロパティを動的に呼び出す js の小さなルールと特殊なケース

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