JavaScriptをHTML DOM

HTML DOM、すべての要素のJavaScript、HTML文書へのアクセスを介して。

HTMLのDOM（Document Object Model）

ページがロードされると、ブラウザは、ページのドキュメント・オブジェクト・モデル（Document Object Model）を作成します。

HTML DOMモデルは、 オブジェクトのツリーとして構成されています 。

HTML DOMツリー

プログラマブル・オブジェクト・モデルは、JavaScriptがダイナミックHTMLを作成するための十分な能力を獲得しました。

• JavaScriptは、すべてのHTML要素のためのページを変更することができます
• JavaScriptは、HTMLページをすべてのプロパティ変更することができます
• JavaScriptは、すべてのCSSスタイルページを変更することができます
• JavaScriptは、すべてのイベントページに反応することができます

HTML要素を見つけます

一般的に、JavaScriptは、あなたがHTML要素を操作する必要があります。

このことを行うためには、あなたが最初の要素を見つける必要があります。 これを行うための3つの方法があります。

• IDによるHTML要素を探します
• タグ名でHTML要素を探します
• クラス名でHTML要素を探します

idでHTML要素を見つけます

DOMで最も簡単な方法は、HTML要素を見つけることは要素のidを使用することです。

この例では、ID = "イントロ"要素を検索します。

それは要素が見つかった場合、メソッドは、オブジェクトの形態で（x）の戻りその要素になります。

要素が見つからない場合、xは、ヌルが含まれます。

タグ名でHTML要素を見つけます

この例では、ID = "メイン"の要素を見つけて、[すべての<P>要素のid = "メイン"の要素を探します。

クラス名でHTML要素を探します

することで、この場合のgetElementsByClassNameのクラス= "イントロ"要素を検索する機能：

HTML DOMチュートリアル

これは以下のページをチュートリアルでは、学習します。

• HTML要素（innerHTMLプロパティ）の内容を変更する方法
• HTML要素（CSS）のスタイルを変更する方法
• どのように反応のHTML DOMイベント
• どのように私は、HTML要素を追加または削除しますか