DOM_html/css_WEB-ITnose の概要

HTML DOM は、JavaScript HTML ドキュメントのすべての要素へのアクセスを提供します。

HTML DOM (ドキュメント オブジェクト モデル)

Web ページが読み込まれると、ブラウザはページのドキュメント オブジェクト モデルを作成します。 HTML DOM モデルはオブジェクトのツリーとして構築されます。

HTML DOM ツリー

ct_htmltree.gif

プログラマブル オブジェクト モデルを通じて、JavaScript は十分な能力を獲得しました。動的 HTML を作成します。

• JavaScript はページ内のすべての HTML 要素を変更できます
• JavaScript はページ内のすべての HTML 属性を変更できます
• JavaScript はページ内のすべての CSS を変更できますスタイル
• JavaScript はページ内のすべてのイベントに反応できます

HTML 要素を検索します

通常、JavaScript を介して、以下を行う必要があります。 do HTML要素。これを行うには、まず要素を見つける必要があります。これを行うには 3 つの方法があります:

• ID で HTML 要素を検索
• タグ名で HTML 要素を検索
• クラス名で HTML 要素を検索

ID による HTML 要素の検索 DOM 内の HTML 要素を検索する最も簡単な方法は、要素の ID を使用することです。例 この例では、id="intro" を持つ要素を検索します。 var x=document.getElementById("intro"); 実際に試してみましょう 要素が見つかった場合、メソッドはそれをオブジェクトとして返します (x 内)。要素が見つからない場合、x には null が含まれます。

タグ名で HTML 要素を検索する 例 この例では、id="main" の要素を検索し、次に "main" 内のすべての

要素を検索します。 var x= document .getElementById("main");var y=x.getElementsByTagName("p");実際に試してみる ヒント: クラス名による HTML 要素の検索は、IE 5、6、7、8 では機能しません。