JavaScriptオブジェクト

JavaScriptリファレンスマニュアル

querySelectorAll()指定されたセレクタグループに一致するドキュメント内の要素リストを返します（ドキュメントのノードを深度優先の先順探索で遍历）。返されるオブジェクトはNodeListです。

返されるNodeList内の要素は、ソースコード内での出現順序に従って並べ替えられます。

返されるNodeListはインデックス番号でアクセスできます。インデックスは0から始まります。

NodeListは静的集合であり、DOM内の変更がこの集合には影響を与えません。

querySelectorAll()メソッドを使用して、指定されたセレクタに一致する要素の数をNodeListのlength属性で確認し、その全ての要素を遍历して必要な情報を抽出することができます。

document.querySelectorAll(selectors)

例

document.querySelectorAll("div");

テーブルの数字は、querySelectorAll()メソッドを完全にサポートする最初のブラウザのバージョンを指定しています：

メソッド
querySelectorAll()	1	3.5	10	3.2	8

引数	説明
selectors	一つまたは複数のマッチするセレクタを含む文字列。この文字列は有効なCSS 選択子文字列。

返り値：	NodeListオブジェクトで、指定されたCSS 選択子すべての要素にマッチするもの。
例外情况：	SyntaxError-指定されたセレクタ文字列の構文が無効です
DOMバージョン：	DOM レベル1

class="demo"を持つすべての要素を取得：

例

document.querySelectorAll(".demo");

この例では、「note」クラスを持つドキュメント中のすべての<div>要素のリストが返されます：

例

document.querySelectorAll("div.note");

ドキュメント中のすべての<h1>、<p>および<div>要素の背景色：

例

document.querySelectorAll("h1,　p,　div");