How to use js to control float code in css_javascript skills

IE uses styleFloat
and others uses cssFloat


This article briefly introduces the special writing method of JS to operate the float attribute of CSS. For CSS attributes containing underscores, each underscore Just remove and capitalize the first character after each underscore.

Js style float

Special writing method for JS to operate the float attribute of css

There are certain rules for using js to operate the css attribute:

1. For css attributes without underscores, generally use the style. attribute name directly.

Such as: obj.style.margin, obj.style.width, obj.style.left, obj.style.position, etc.

2. For CSS attributes containing underscores, remove each underscore and replace the first character after each underscore with uppercase letters.

Such as: 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 whose usage in js is quite special. This special attribute is: float. We cannot use obj.style.float directly, as this operation is invalid. The correct usage of

is: IE: obj.style.styleFloat, other browsers: obj.style.cssFloat.