jsセレクターの包括的な分析

ネイティブ JS セレクターには、getElementById、getElementsByName、getElementsByTagName、getElementsByClassName の 4 つがあります。以下では、これら 4 つのセレクターの使用法を 1 つずつ紹介します。

1.getElementById(IDで要素を取得)

使い方: document.getElementById("Id"); Idは取得する要素のid属性値です。

2.getElementsByName (name 属性による要素の取得)

Usage: document.getElementsByName("Name"); Name は、取得する要素の name 属性値です。このメソッドは、通常、フォーム データを送信する場合に適しています。要素が form、img、iframe、applet、embed、object の場合、name 属性を設定すると、name 属性値に基づいて名前が付けられた属性が Document オブジェクトに自動的に作成されます。したがって、 document.domName

3.getElementsByTagName (要素名で要素を取得) を通じて、対応する dom オブジェクトを参照できます

使用法: document.getElementsByTagName(TagName) は、TagName が※すべての要素を取得するには、ドキュメントをDOM要素に置き換えることもできますが、この場合はDOM要素以降の要素のサブセットのみが取得できます。

4.getElementsByClassName (CSSクラスを介して要素を取得する)

使用法: document.getElementsByClassName(ClassName); 複数を同時に取得したい場合は、ClassNameを指定します。 CSSクラスごとにスペースで区切ります。 たとえば、 document.getElementsByClassName("class2 class1") は、class1 および class2 スタイルの要素を取得します。そのため、DOM 要素の背後にある要素のサブセットのみを取得できるように、ドキュメントを DOM 要素に置き換えることもできます。

以上がjsセレクターの包括的な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。