DOMドキュメントオブジェクトモデルの
JSは、次のような機能がある
すべてのHTML要素のためのページを変更することができますJavaScriptの
JavaScriptはすべてのHTMLページのプロパティ変更することができ
、すべてのCSSスタイルのページで変更することができますJavaScriptの
JavaScriptはすべてのイベントページに反応することができますが
（JSは、インラインスタイルを操作することができ、インラインスタイルと外部スタイルを操作することはできません）
HTML要素を見つける方法
1：VAR X =のdocument.getElementById（「 A」）;
要素のIDは=「A」は、オブジェクトxの形でリターンを発見し、見つからない場合は、xがnullである場合には、IDによって要素を見つける
2：タグ名によって検索要素
のvar document.getElementsByTagName X =（ ""）]
3：クラス名要素土要素によって参照。
VARのdocument.getElementsByClassName X =（ ""）;
4：getElementsByName（）メソッドは、指定された名前が設定されているとオブジェクトを返します。
5
VAR = document.querySelector要素（セレクタ）
に適合し、指定したセレクタに一致するドキュメントを返します。どこで：
セレクタは、1つ以上のCSSセレクタ、カンマで区切られた複数含む文字列である
要素を、戻り値は、ターゲット要素（DOM要素）です。戻り値は、nullが返されていない場合
。6：
VAR = ElementList document.querySelectorAll（セレクタ）;
セレクタは、複数のカンマで区切られた1つ以上のCSSセレクタを含む文字列であり、
戻り値は要素のNodeListのリストである、ElementListを。
プロパティの操作は
のgetAttribute：構文要素は.getAttributeノード、属性のプロパティ値を指定された要素ノードを取得する機能を（要素は、属性名）
のsetAttribute：構文要素は.setAttribute（要素は属性名）ノード、要素ノードを作成または変更する機能属性
removeAttributeを構文：removeAttribute、関数は、指定された要素内の要素を削除（要素は、属性名）
DOMの変更のHTML要素を
直接、出力HTMLコンテンツをdocument.writeを
HTMLコンテンツのinnerHTML、InnerTextプロパティを変更します。ラベルは、選択された内部ノードを有している場合、2つの間のInnerHTMLの差を直接出力する、しないのinnerText、ラベルを解決することができる
DOMイベント（また、イベントハンドラの関数を呼び出すことができ、イベントラインに直接添加してもよいし、モードを追加する）
ときに、ユーザあなたはonclickの"マウスクリックしたとき
のonChangeイベントは
、ユーザーが入力するか、ページを離れるときにonloadイベントトリガされ、onunloadイベントを、のonloadイベントは、ページの正しいバージョンをロードするために、この情報にブラウザの種類やバージョンの検出、訪問者のブラウザを使用し、ベースとすることができます。
ユーザーのマウスがトリガー機能のうち、HTML要素または要素の上に移動したときのonmouseoverとれるonmouseoutイベントを使用することができます。
れるonmousedown、onMouseUpのとonclickのすべてのマウスクリックイベントの一部を構成します。マウスボタン、イベントれるonmousedownトリガーをクリックすると、マウスボタンを離したときにマウスクリックの完了は、それがonclickイベントをトリガする際にまず、それは、最終的には、イベントをonMouseUpのトリガされます。
：イベントをリッスン
ように触れたときのボタンをクリックします。
element.addEventListener（イベント、関数、useCaptureは） ;
最初のパラメータは、イベントの（例えば「クリック」又は「マウスダウン」という）タイプである。
第二のパラメータは、イベントがトリガされたときに呼び出す関数です。
3番目のパラメータは、イベントのバブリング又は捕捉を記述するために使用されるブール値です。
バブリングとキャプチャ
気泡が出て内側からトリガされた場合、divのpのクリックイベントにp要素を挿入要素を、最初のp要素をトリガし、その後、div要素をトリガする
ことがキャプチャされている場合、それは最初の外部の要素をトリガーしますそして、内部要素をトリガします。最初の引き金とした後、p要素をトリガーするのdiv pをクリックして
、デフォルト値はfalseで、デフォルト値はバブルイベントがトリガされたとき、それはキャプチャイベントがトリガされます本当です