2008年04月16日

Prototype.js、Element.setStyleのプロパティ名

Prototype.jsでElement.setStyleメソッドを使ってCSSを使って背景色を設定しようとしたんだけど、うまく行きませんでした。結局、下記のような結果に。

×NG
Element.setStyle($('id'), {'background-color': 'red'});

○OK
Element.setStyle($('id'), {'backgroundColor': 'red'});

なるほど、ハイフンはダメなのかー。代わりにキャメル形式を使うと。
でも、ネットで調べる限りはどこのリファレンスを見ても上記のようなことは書いてないし、NGの方で問題なく動いてました。

Element.setStyle - エレメントに指定CSSプロパティを設定
http://javascriptist.net/ref_prototype/Element.setStyle.html

上記のページのサンプルは問題なく動くし……違いといえばPrototype.jsのバージョンで、上のページは1.5、当方で動かなかったものは1.6でした。1.6からなんか変わったんですかね。まあいいや、キャメル形式で動くし。

この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック