東京都で開催する初心者向けのJavaScriptとjQueryを使ってホームページ制作の1日集中セミナーです。 JavaScript・jQueryの入門講座なら、神田ITスクール!

4.1 DOMとは

DOMとは

4.1 DOMとは

 この章では、DOMについて説明していきます。DOM(ドム)とは、「Document Object Model(ドキュメント オブジェクト モデル)」のことで、プログラムでHTMLを扱うための仕様(仕組み)です。
 JavaScriptはこのDOMに対応しているため、DOMの仕様にしたがって、HTMLを操作することができます。
 例えば<p>や<img>といった要素にアクセスし、要素の値を操作することができます。
 言葉で説明されただけではイメージが沸きにくいと思いますので、次節からプログラムを作りながら理解を深めていくことにします。

 ※JavaScriptからDOMを利用するには
 使用するブラウザ(Internet Exploer、Google Chrome、Firefoxなど)がDOMを扱えるようになっている必要がありますが、現状ではほとんどブラウザが対応していますので、特別なにかを準備する必要はありません。

4.1.1 id名を使ったDOMの取得

書式 : id名からHTML要素を取得する。

凡例 : document.getElementByIdメソッドを使ったHTML要素の取得

 この凡例は、id名を使ったHTML要素の取得を行うプログラムの一部分です。
 この場合、document.getElementByIdメソッドを使って、id名がhogeのHTML要素を取得し、変数elementに代入しています。次の行で使用しているinnerHTMLとは、ある要素に含まれるHTMLを示すプロパティです。document.writeメソッドでinnerHTMLプロパティを表示しています。

NEXT>> 4.2 DOMを操作してみよう

ご不明点はお問い合わせフォームからご連絡ください。

セミナー一覧

法人向けプログラミング研修

Java、PHPの社員研修|新人研修

chromeデベロッパーツール

他のJavaScript講座・スクールのご紹介

ホームページ制作・保守

ホームページ制作・保守

HTML&CSSセミナーも人気!

HTML&CSSセミナーも人気!

まずはHTMLとCSSの知識が必要な方は、こちらのセミナーがおすすめです。
HTML&CSSセミナーはこちら

当JavaScript講座を受講前に受講するHTML講座

ホームページ制作・保守

ホームページ制作・保守

セミナー講師

セミナー講師

主席インストラクター
早稲田大学大学院 理工学部卒業
SanJose 州立大学、コンピューター工学部卒業
アメリカのシリコンバレーでは、プログラマー・SEとして活躍
講師の詳細はこちら

PAGETOP
Copyright © 株式会社FusionOne 神田ITスクール All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.