DHTML - CSS
JavaScript と HTML DOM は、HTML 要素のスタイルを変更することができます。
HTML要素のスタイルを変更する
現在のHTML要素のスタイルを変更するには、次のステートメントを使用します:
this.style.property=new style
例
<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.style.color='red'">Click Me!</h1>
</body>
</html>
Try it yourself »
指定したHTML要素のスタイルを変更する
指定したHTML要素のスタイルを変更するには、次のステートメントを使用します:
document.getElementById(id).style.property=new style
例
<!DOCTYPE html>
<html>
<body>
<h1 id="h1" onclick="document.getElementById('h1').style.color='red'">Click Me!</h1>
</body>
</html>
Try it yourself »
スタイルオブジェクトと CSS の詳細
すべてのスタイルプロパティについては、完全なHTML DOM スタイル・オブジェクト·リファレンスを見てください.
CSSの詳細については、完全なCSSチュートリアルを読んでください。
Try it Yourself - Examples
マウス・イベント
カーソルが上に移動した要素の色を変更します。
表示制御
要素を非表示にします。要素を表示したり、非表示にしたりしたいですか？
|