Model)と呼ばれている機能について学習します。DOMとはxmlやhtmlの各要素にアクセスするための機能のことです(JavaScriptからHTMLやXMLを操作するための機能)。htmlの中の「文や画像」を取り変えたりすることが出来ます。DOMを視覚化すると以下のような図で表すことが出来ます。これをDOMツリーと言いますが、それぞれ各要素はノードと呼ばれるオブジェクトで構成されています。テキストもHTMLの各要素もすべてオブジェクトです。いう文もすべてオブジェクトです。「<p>」は要素ノード、「あいうえお」はテキストノードと言います。id=”a”>」の中のidなどの属性は属性ノードと言います。次にHTMLの要素にアクセスする方法について説明します。HTMLの要素にアクセスする方法は以下の4種類あります。初めにgetElementByIdメソッドから説明します。このメソッドは何回か説明しましたが、復習のつもりでもう一度説明します。この例の場合はaです。中の文字列である「あいうえお」と同じ意味です。「いろはにほへと」を代入することで「あいうえお」が上書きされて「いろはにほへと」に代わって表示されます。次の例をみてみましょう。この例では画面に表示される文字の色を変更する方法について説明します。付けることで文字の色を変えることが出来ます。引数をredにしているので文字の色は赤になります。結果は以下の「色埋め」をクリックすると「いろは」が赤くなります。この例のプロパティはcolorですが、これは色を設定するプロパティです。他にもプロパティはたくさんあるので、以下のプロパティを参考にしてください。次の例をみてみましょう。この例では画面の文字表示を変更するinnerHTMLプロパティについて説明します。中の「こんにちは」を指しています。