How to Use js to control float code in CSS

Use stylefloat in IE
Other cssfloat

This article briefly introduces how to write the float attribute of CSS operations in Js, remove each dashes and replace the first character after each dashes with uppercase letters.

JS style float

Special Writing of CSS float attribute operations in JS

The method for operating CSS attributes in JS is regular:

1. for CSS attributes without hyphens, you can directly use style. attribute name.

For example, obj. style. margin, obj. style. Width, obj. style. Left, obj. style. Position, etc.

2. for CSS attributes that contain dashes, remove each dashes and replace the first character after each dashes with uppercase letters.

For example, obj. style. margintop, obj. style. borderleftwidth, obj. style. zindex, obj. style. fontfamily, etc.

I think most front-end developers are familiar with this rule. But there is a special attribute in CSS. Its JS usage method is special. This special attribute is: float. We cannot directly use obj. style. Float. This operation is invalid.

The correct method is ie: obj. style. stylefloat, and other browsers: obj.style.css float.