信頼できるJavaScriptガイドから抜粋しました（jQueryの究極の方法は、スタイルセレクターに基づいた要素を見つけることです。最初にGetElementsByTagname（*）を使用してすべてのDOM要素を取得し、次にスタイルセレクターに従ってすべてのDOM要素をフィルタリングすることです）
今日、私はさまざまな要素選択方法の速度を試しました。ネイティブ方法は、jQueryの約8倍高速です。 IE8は最も遅く、IE9はIE8の約3倍高速で、Chromeは最高のパフォーマンスを発揮し、その後Firefoxが続きます）
ドキュメント要素を選択する方法：
1。IDで要素を選択します（getElementByID）
1）使用方法：document.getElementById（ "Domid"）
ここで、ドミッドは選択される要素のID属性値です
2）互換性：IE8より低いIEブラウザは、要素ID番号の場合を区別せず、名前属性に一致する要素を返します。
2。名前で要素を選択します（getElementsByName）
1）使用方法：document.getElementsByname（ "domname"）
ここで、domNameは選択される要素の名前属性値です
2）説明：a。返品値はノデリストコレクションです（配列とは異なります）
b。 ID属性とは異なり、名前属性はいくつかのDOM要素（フォームフォーム、フォーム要素、IFRAME、IMG）でのみ有効です。これは、フォームデータの提出を容易にするために名前属性が作成されているためです。
c。フォーム、IMG、IFRAME、アプレット、埋め込み、オブジェクト要素、名前属性値に名前が付けられた属性の名前属性を設定する場合、ドキュメントオブジェクトに自動的に作成されます。したがって、対応するDOMオブジェクトはdocument.domnameを介して参照できます
3）互換性：IEのID属性値と一致する要素も一緒に戻ります
3。タグ名で要素を選択します（getElementsByTagname）
1）使用方法：element.getElementsByTagname（ "tagname"）
ここで、要素は有効なDOM要素です（ドキュメントを含む）
TagnameはDOM要素のタグ名です
2）説明：a。返品値はノデリストコレクションです（配列とは異なります）
b。このメソッドは、メソッドを呼び出す要素の子孫要素のみを選択できます。
c。 Tagnameは症例に依存しません
d。 tagnameが *の場合、それはすべての要素が選択されていることを意味します（b。ルールに責任があります）
e。 htmldocumentは、タグノードにアクセスするためのいくつかのショートカットプロパティを定義します。たとえば、ドキュメントの画像、フォーム、およびリンク属性は、<img>、<form>、および<a>タグ要素コレクションを指し、document.body.body.headは常にボディとヘッドタグを指します（宣言されたヘッドタグが表示されない場合、ブラウザはDocument.head属性も作成します）
4. CSSクラスを介して要素を選択します（getElementsByClassName）
1）使用方法：element.getElementsByClassName（ "classNames"）
ここで、要素は有効なDOM要素です（ドキュメントを含む）
ClassNamesはCSSクラス名の組み合わせです（複数のクラス名はスペースで区切られており、複数のスペースで分離できます）。
たとえば、element.getElementsByClassName（ "Class2 Class1"）は、Class1スタイルとClass2スタイルの両方を適用している要素の子孫要素の要素を選択します（スタイル名は順序を区別しません）
2）説明：a。返品値はノデリストコレクションです（配列とは異なります）
b。このメソッドは、メソッドを呼び出す要素の子孫要素のみを選択できます。
3）互換性：IE8以下のブラウザは、getElementsByClassNameメソッドを実装していません
5。CSSセレクターを介して要素を選択します
1）使用方法：document.queryselectorall（ "selector"）
ここで、セレクターは法的CSSセレクターです
2）説明：a。返品値はノデリストコレクションです（配列とは異なります）
3）互換性：IE8以下のブラウザのみがCSS2標準セレクターの構文をサポートしています
JSでDOM要素を選択する簡単な方法は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。