2013-11-19

文字列の代入で、 HTML要素のスタイルを既定に戻せる(IE9,FireFox,Chrome)

cssやstyle指定で

 tr.even {background-color:silver;}

と指定していたとして、何かのイベントなどで

 this.style.backgroundColor='red';

(ここでの this は、対象の要素 - つまり <tr class="even">)などと指定し、もとに戻すとき

 this.style.backgroundColor='';

と、空の文字列を指定すればうまくいくみたい。これは、正式な仕様なのかな?

例としては

 <tr class="even" onmouseover="this.style.backgroundColor='blue';" onmouseleave="this.style.backgroundColor='';">

今日日、jQueryなどで処理するからイベントハンドラなど自分スタイルを直接いじることはあんまりないのかもだけど。

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん