1. TOP
  2. プログラミング
  3. JavaScript
  4. JavaScriptリファレンス
  5. 指定したHTML要素のstyleプロパティ値をJavaScriptを使って変更する

指定したHTML要素のstyleプロパティ値をJavaScriptを使って変更する

styleプロパティ値をJavaScriptで変更する

HTML構文に付随されるCSS装飾は、CSSの記述だけで装飾できますが、動的なCSSを記述したい場合にはJavaScriptに記述することで処理することができます。

styleプロパティを変更したりする場合は、getElementByIdで変更したい要素に設定する必要があります。

 

■サンプル例

■ソースコード

 

■ブラウザ表示

変更先

変更先

 

 

■サンプル例

■ソースコード

 

■ブラウザ表示

 

 
 

■サンプル例

■ソースコード

 

 

■ブラウザ表示