JavaScript - DOM(要素のインラインスタイル変更)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第9章(DOM)9.5(要素のインラインスタイル変更）練習問題を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

1.

ハイフン「-」になっているのが誤り。background-colorではなくbackgroundColor。

修正。

この見出しの背景が赤色になれば成功。(id属性の値はh0に指定)

コード(TextWrangler)

var element = document.getElementById('h0');
element.style.backgroundColor = 'red';