オリジナル住所ます。https：//www.cnblogs.com/web-record/p/10131782.html
JSは、取得したDOM要素法（8種類）
- IDの取得（getElementByIdを）
- name属性で（getElementsByName）
- タグ名（getElementsByTagNameの）ことにより、
- クラス名（のgetElementsByClassName）
- セレクタで要素（querySelector）を得ます
- セレクタによって素子（querySelectorAll）のセットを取得します
- メソッド（はdocument.firstChild）HTMLの取得
- document.firstChildは、このラベルのHTMLを取得するために設計されています
- メソッド（document.body）のボディを取得
- document.body体は、このラベルを取得するために設計されています。
1. ID取得（getElementByIdを）
document.getElementById（ 'ID'）
- コンテキストは文書でなければなりません。
- パラメータは、文字列型のパラメータを渡す必要があり、それはIDの要素を得ることです。
- 戻り値だけ要素が見つからない場合はnullを取得します。
2. name属性（getElementsByName）
document.getElementsByName（ '名前'）
- コンテキストは文書でなければなりません。コンテンツ
- パラメータを渡す必要があり、パラメータは要素のname属性を得ることです。
- 戻り値はクラスの配列である、返します空の配列を見つけることができませんでした。
タグ名3.（getElementsByTagNameの）
VAR OBJ = document.getElementsByTagName（ 'div要素' ）;
（LET I = 0; I <obj.length; iは++の場合）{ OBJ [I] .onclick = 関数（E）{にconsole.log（I）}}
- コンテキストは、それはまた、要素も存在する必要があり、この要素に注意を払うことができ、文書にすることができます。
- パラメータは、要素、大文字と小文字を区別しないのタグ名属性を得ることです。
- 戻り値は、配列型で見出されない空の配列を返します
4.クラス名を（のgetElementsByClassName
VAR OBJ1 = document.getElementsByClassName（ 'アニメーション' ）
// はconsole.log 0 ：div.app.animated 1 ：のdiv＃は2 login.login.animated.rubberBand ：DIVを＃1 reg.reg.animated.shake 3 ：DIV＃kefu 4 .kefu.animated.swing DIV＃1 LoginState.state.animated.bounce 5：：6 div.loginState.animated ：7 div.regState.animated：div.pop.animated
- コンテキストが文書であってもよいし、それが要素であってもよいです。
- パラメータは、要素のクラス名です。
- 戻り値はクラスの配列である、返します空の配列を見つけることができませんでした。
セレクタで要素を取得5.（querySelector）
document.querySelector（ 'アニメーション'）
- コンテキストが文書であってもよいし、それが要素であってもよいです。
- 「のdiv .className」：パラメータは、次のような、選択されています。
- 戻り値は、最初の要素だけを取得します。
前記セレクタによって素子（querySelectorAll）のセットを得ます
document.querySelector（ 'アニメーション'）
- コンテキストが文書であってもよいし、それが要素であってもよいです。
- 「のdiv .className」：パラメータは、次のような、選択されています。
- 戻り値は、配列型です。