くれすの開発日記〔JavaScript編〕 このページをアンテナに追加 RSSフィード

2007-05-31スタイルとの連携

[] floatが動かない 01:37  floatが動かない - くれすの開発日記〔JavaScript編〕 を含むブックマーク はてなブックマーク -  floatが動かない - くれすの開発日記〔JavaScript編〕  floatが動かない - くれすの開発日記〔JavaScript編〕 のブックマークコメント

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。

ひどい実装だな。。。

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

YuichirouYuichirou2007/08/13 00:42こんにちは。floatの設定をするプロパティは、W3C勧告によれば「cssFloat」が正しいです。IEの独自実装は困ったものですね。
http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSS2Properties-cssFloat

CressCress2007/08/28 15:31# コメントの携帯通知が設定してなくて今頃気づきました。亀レスです。
おや、W3Cで既に勧告されているのですね。
他のCSSのように、 elem.style.float みたいに書ければ良かったんですけどね。どちらも変則的で使いにくい感じです。