Use JavaScript to change “float” style

Hey friends,

In a few days ago, I’ve just stuck with how to change “float” style in JavaScript and very confuse why it doesn’t work at all!

I’m using …

var obj = document.getElementById(“some1”);

obj.style.float = “left”;

No luck at all. I tried both on Internet Explorer and Firefox. Even I use Internet Explorer Toolbar and Firebug. I can change the style via that tools but no luck with JavaScript.

Silly?

I’m fool with DOM. I try to find a solution and suddenly found that.

In DOM, there are no “float” property but “cssFloat”.

Just change my code to …

var obj = document.getElementById(“some1”);

obj.style.cssFloat = “left”;

Really silly huh?

There are 8 comments to this post.

erwinke had this to say, Nov 7, 2008 @ 9:41 pm

Under IE6 you must use this:

obj.style.styleFloat=’left’;

Henrik had this to say, Nov 27, 2008 @ 12:09 am

Ohh thx!
i figured that it needed something in front, since float really is a datatype, so using it in obj.style.float would be impossible.

Me had this to say, Mar 21, 2009 @ 10:00 am

Bless you for posting this! I was tearing my hair out trying to figure out why my float code worked in FF but not IE!! And styleFloat works like a dream.