ネイティブJSセレクターには、getElementByID、getElementsByname、getElementsByTagname、getElementsByClassNameが含まれます。次に、これらの4つのセレクターの使用を1つずつ紹介します。
1.GetElementByID（IDを介して要素を取得）
使用法：document.getElementById（ "id"）; idは、取得する要素のID属性値です。
2.GetElementsByName（名前属性を介して要素を取得）
使用法：document.getElementsByname（ "name"）; nameは、取得する要素の名前属性値です。この方法は、通常、フォームデータの送信に適用できます。要素がフォーム、IMG、iframe、アプレット、埋め込み、またはオブジェクトの場合、名前属性値にちなんで名付けられた属性がドキュメントオブジェクトに自動的に作成されます。したがって、対応するDOMオブジェクトはdocument.domnameを介して参照できます
3.GetElementsByTagname（要素名で要素を取得）
使用法：document.getElementsByTagname（tagname）; tagnameは、取得する要素のタグ名です。 tagnameが *場合、すべての要素を取得することを意味します。ドキュメントはDOM要素に置き換えることもできますが、このようにして、Subset要素はDOM要素の後ろにのみ取得できます。
4.GetElementsByClassName（CSSクラスを通じて要素を取得）
使用法： document.getElementsByClassName（className）; classNameは、要素を取得するCSSクラス名です。複数のアイテムを同時に取得したい場合は、各CSSクラスの後にスペースでそれらを分離します。たとえば、document.getElementsByClassName（ "Class2 Class1"）はClass1およびClass2スタイルで要素を取得し、ドキュメントをDOM要素に置き換えることができるため、DOM要素後のサブセット要素のみを取得できます。
<！Doctype html> <！Doctype html> <html lang = "en"> <head> <head> <head> <meta charset = "utf-8"> <title> demo </head> </head> <body> <div> name = "box2"> name </form> </body> <script type = "text/javascript"> var div = document.getElementsByTagname（ "div"）; var box = document.getElementById（ "box"）; var box1 = document.getElementsByClassName（ "Box1"）; var box2 = document.getElementsByname（ "box2"）; </script> </html>
上記は、編集者が提起したJSセレクターの完全な分析です。誰もがwulin.comをもっとサポートできることを願っています〜