Javascript DOMとは
DOMとは
DOM(Document Object Model)とは、xmlやhtmlの各要素、たとえば<p>とか<img>とかそういった類の要素にアクセスする仕組みのことです。
このDOMを操作することによって、要素の値をダイレクトに操作できます。
例えば<p>の中身のテキストを変更したり、<img src=”sample.jpg”>のsrcの中身を変更して別の画像に差し替えるといったことができます。
DOMツリーとは
xmlやhtmlドキュメントをツリー構造として表現したものです。
以下、サンプルコードのDOMツリーを表示してみました。
1 2 3 4 5 6 7 8 9 10 |
<html> <head> <title>DOMってなにー? │ JavaScriptのサイト</title> </head> <body> <h1>JavaScriptのDOMとは</h1> <h2>DOMツリー</h2> <p><strong>Document Object Model</strong>の略称です。</p> </body> </html> |