DocumentFragment: querySelectorAll() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
DocumentFragment.querySelectorAll() メソッドは NodeList で、 DocumentFragment の中で指定されたセレクター群に一致する要素の一覧を（文書ノードの深さ優先前順走査 (depth-first pre-order traversal) を使用して）返します。
引数で指定されたセレクターが無効であった場合、 DOMException が SYNTAX_ERR の値で発生します。
構文
js
querySelectorAll(selectors)
引数
selectors-
文字列で、1 つ以上の CSS セレクターをカンマで区切って指定します。
返値
生きていない NodeList です。これには、指定されたセレクター群の少なくとも 1 つに一致する要素ごとに 1 つの Element オブジェクトが格納されます。一致するものがなかった場合は空の NodeList となります。
例
この例は、 DocumentFragment の中にあるすべての div 要素のうち、 "note" または "alert" クラスのついたものすべてのリストを返します。
js
const matches = documentfrag.querySelectorAll("div.note, div.alert");
仕様書
| 仕様書 |
|---|
| DOM # ref-for-dom-parentnode-queryselectorall① |
ブラウザーの互換性
関連情報
- 所属する
DocumentFragmentインターフェイス