Documentドキュメント.querySelectorAllクエリーセレクターオール メソッド

本ページには広告が含まれています。

与えられたCSSセレクタに一致する文書中の要素のリストを示す静的なNodeList オブジェクト (DOM)を返します。

構文
  1. NodeList = parentNode.querySelectorAll( selectors )
引数
selectors 省略可
セレクターを含むDOMString
戻り値
NodeList

要素のリストを取得する方法

タグ名

<p>要素を取得します。

HTML
<p></p>
UWSC
IE.document.querySelectorAll("p")

タグ名はDocument.querySelectorAll メソッドで書き換えられ、以下のように記述します。

UWSC
IE.document.getElementsByTagName("p")

id

idが「content」の要素を取得します。

HTML
<div id="content"></div>
UWSC
IE.document.querySelectorAll("#content")

idはDocument.getElementById メソッドで書き換えられ、以下のように記述します。

UWSC
IE.document.getElementById("content")

クラス名

クラス名が「list」の要素を取得します。

HTML
<div class="list"></div>
UWSC
IE.document.querySelectorAll(".list")

クラス名はDocument.getElementsByClassName メソッドで書き換えられ、以下のように記述します。

UWSC
IE.document.getElementsByClassName("list")

属性

属性が「attr」で値が「123」の要素を取得します。

HTML
<div attr="123"></div>

属性はDocument.querySelectorAll メソッドで書き換えられ、以下のように記述します。

UWSC
IE.document.querySelectorAll("[attr=<#DBL>123<#DBL>]")

複数のセレクターのいずれかを含む要素を指定する場合は、「,(カンマ)」で区切ります。

UWSC
IE.document.querySelectorAll("selector1, selector2, …")