js を使用して css_javascript スキルで float コードを制御する方法

IEはstyleFloat
を使用し、その他はcssFloat


を使用します。 この記事では、CSSのfloat属性を操作するためのJSの特殊な書き方を簡単に紹介します。アンダースコアを含むCSS属性については、それぞれのアンダースコアを削除して大文字にするだけです。各アンダースコアの後の最初の文字。

Js風float

CSSのfloat属性をJSで操作するための特殊な書き方

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

ほとんどのフロントエンド開発者はこのルールに精通していると思います。しかし、css には特別な属性があり、js での使用は非常に特殊です。この特別な属性は、float です。この操作は無効であるため、obj.style.float を直接使用することはできません。

の正しい使用法は次のとおりです: IE: obj.style.styleFloat、その他のブラウザ: obj.style.cssFloat。