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?
erwinke
Under IE6 you must use this:
obj.style.styleFloat=’left’;
Henrik
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
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.
Nathan
Thanks man, very helpful! Much appreciated
Boss Hawk
Here is a little workaround for this problem:
obj.setAttribute(“style”, obj.getAttribute(“style”) + “; float:left; “);
The leading semicolon must be set because the IE sometimes changes the styles and always misses out the last semicolon.
Eino
float is a reserved word in about every programming language, so it’s not silly.
Bobby
Thanks a lot.. very help ful to me..
Leon
So that makes him plain stupid.