DHTML DOM（ドキュメントオブジェクトモデル）

DOM（ドキュメントオブジェクトモデル）は、ドキュメント内の各要素にアクセスする能力を持っています。

インスタンス

注記：ほとんどの DHTML インスタンスは IE 4.0+、Netscape 7+、または Opera 7+ が必要です！

要素アクセス
要素にどのようにアクセスし、そのスタイルを変更しますか。
属性変更
画像要素にどのようにアクセスし、"src" 属性を変更しますか。
innerHTML
要素にどのようにアクセスし、内容を変更しますか。

要素にどのようにアクセスしますか？

要素には定義された id 属性が必要で、スクリプト言語が必要です。JavaScript はブラウザの互換性が最も良いスクリプト言語であるため、JavaScript を使用します。

<html>
<body>
<h1 id="header">My header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

このスクリプトは、タイトル要素の色を変更し、出力を生成します。

My header