《2017年5月27日 5:00 PM 公開/更新》 任意の要素(ブロックなど)の背景色を動的に変更する方法 [装飾・内容変更] JavaScriptを使って任意の要素の背景色をJavaScriptで動的に変更したい場合は、document.getElementById(‘対象ID名’).style.backgroundColorなどの記述方法を使うと簡単です。ウェブページ内に存在するボックス(ブロックレベル要素)でもインライン要素でも、あらゆる要素の背景色を自由に変更可能です。なお、getElementByIdメソッドで装飾対象を特定する場合は、あらかじめHTML側の対象要素にid名を振っておく必要があります。 特定のボックスの背景色をJavaScriptで動的に変更する方法 ボックスの背景色をボタンで動的に変更するサンプル ボックスの背景色をボタンで動的に変更するサンプルのソース 特定