与えられた CSSセレクタ に一致する文書中の要素のリストを示す静的なNodeList オブジェクト (DOM)を返します。
- 構文
- NodeList = parentNode.querySelectorAll( selectors )
- 引数
- selectors 省略可
- セレクターを含むDOMString
- 戻り値
- NodeList
要素のリストを取得する方法
タグ名
<p>要素を取得します。
<p></p>IE.document.querySelectorAll("p")タグ名はDocument.querySelectorAll メソッドで書き換えられ、以下のように記述します。
IE.document.getElementsByTagName("p")id
idが「content」の要素を取得します。
<div id="content"></div>IE.document.querySelectorAll("#content")idはDocument.getElementById メソッドで書き換えられ、以下のように記述します。
IE.document.getElementById("content")クラス名
クラス名が「list」の要素を取得します。
<div class="list"></div>IE.document.querySelectorAll(".list")クラス名はDocument.getElementsByClassName メソッドで書き換えられ、以下のように記述します。
IE.document.getElementsByClassName("list")属性
属性が「attr」で値が「123」の要素を取得します。
<div attr="123"></div>属性はDocument.querySelectorAll メソッドで書き換えられ、以下のように記述します。
IE.document.querySelectorAll("[attr=<#DBL>123<#DBL>]")複数のセレクターのいずれかを含む要素を指定する場合は、「,（カンマ）」で区切ります。
IE.document.querySelectorAll("selector1, selector2, …")この記事は役に立ちましたか？
ご協力ありがとうございます。