くれすの開発日記〔JavaScript編〕

■ [CSS] floatが動かない 01:37

JavaScriptで、スタイルシートを操作することが可能。

var elem = document.getElementById("foo");
elem.style.display = "block";
elem.style.backgroundColor = "#FFCCCC";

しかし、うまく行かないものが1つ。floatである。

回り込みを指定しようとしたら、どうもブラウザによって挙動が異なったりで少々面倒らしい。

以下、UchのX40記 - [JavaScript]DOM Elementのstyle属性のfloatより。

IEやと

(DOM Element).style.styleFloat = "left";

Firefoxやと

(DOM Element).style.cssFloat = "left";

OperaやとどっちでもOK。

ひどい実装だな。。。

ここはどちらかに統一して欲しいところ。