2009年5月10日日曜日

JavaScriptにおいてCSSのプロパティの設定ができない問題

CSSのプロパティに数値が設定できないという問題に遭遇しました.

var element = document.createElement("div");
element.style.width = 100;
element.style.height = 100;


その問題とは,上記のように要素の幅と高さに数値を設定しようとしてもできないというものです.

半日つぶした結果,それらの数値に単位をつけていないことが原因(FireFoxの問題みたい)だということがわかりました.

そういうわけで,上記のコードを下記のように修正すると,思った通りの結果になります.

var element = document.createElement("div");
element.style.width = 100 + "px";
element.style.height = 100 + "px";


[1] FireFoxの標準モードでは、エレメントのstyle.width,heightに数値での設定が出来ない, http://d.hatena.ne.jp/onozaty/20060729/p2

0 件のコメント: