＃選択した要素の方法
1、getElementByIdを（）
2、のgetElementsByClassName（）
3、getElementsByTagNameの（）
4、querySelector（）//は、第1のセレクタ要素を返します
5、querySelectorAll（）//すべてのセレクタ要素を返します
＃要素の属性値
図1に示すように、プロパティ値取得要素
要素。プロパティ
element.getAttribute（）
2、要素の属性値を設定します
要素。属性=「値」
element.setAttribute（ '属性'、 '値'）
3、要素の属性値を削除します
element.removeAttribute（ '属性'）
＃カスタムプロパティ値
element.setAttribute（ 'データ・インデックス'、 '值'）
element.getAttribute（ 'データ・インデックス'、 '值'）
＃ノードの操作
図1に示すように、親ノード
node.parentNode
2、子ノード
要素ノード、テキストノードなどを含むnode.childNodes //すべての子ノード、
parentNode.children // GETサブ要素の共通
node.firstElementChild
node.lastElementChild
3、兄弟
node.nextSibling
node.previousSibling
node.nextElementSibling
node.previousElementSibling
＃作成、追加、削除、クローンノード
document.createElement（ 'tagNameを'）
node.appendChild（子）は//疑似クラスは、に対応した後に、親要素の子ノードのリストの最後に追加します
node.insertBefore（子、指定された要素）は、クラスが前にダミーに対応し、親要素の子ノードのフロント//リストに追加します
node.removeChild（子）
node.cloneNode()
＃登録、削除イベント
（「オン」で）1に、従来の登録モード
element.onclick =関数（）{}
2.リスニング登録モードの方法（推奨）
eventTarget.addEventListener（ 'クリック'、関数（）{}）;
3、（「オン」がある）伝統的な方法を削除
eventTarget.onclick = NULL;
4.リスニング削除方法の方法（推奨）
eventTarget.removeEventListener（ 'クリック'、関数（）{}）;
イベントの流れ＃
1、キャプチャ段階：DOC-> HTML-> body-> father->息子（上から下へ）
バブリング相：son-> father-> body-> HTML-> DOC（ボトムアップ）
2、e.target和この
e.targetリターンが対象です** **トリガイベント
このリターン** **バインディングイベントオブジェクト
デフォルトの動作を防止するための3、
//リンクはジャンプをしません
するvar A = document.querySelector（ ''）;
a.addEventListener（ 'クリック'、機能（e）の{
e.preventDefalut（）;
}）
4、イベントのバブリングを停止
e.stopPropagation（）;
5、イベントデリゲート
原則：その親ノードに設定し、バブリング原理を使用してイベントリスナーは、それぞれの子ノードの設定に影響を与えます。
VAR = document.querySelectorサイト（ "サイト"）;
ul.addEventListener（ 'クリック'、機能（e）の{
e.target.style.background = '赤';
}）
6、テキストや禁止禁止右クリックメニューを選択
document.addEventListener（ 'selectstart'、関数（E）{
e.preventDefalut（）;
}）
document.addEventListener（ 'コンテキストメニュー'、関数（E）{
e.preventDefalut（）;
}）