querySelectorAll

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

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

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

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

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

以下getElementsByTagNameと同様。

IE.document.getElementsByTagName("p")

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

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

以下getElementByIdと同様。

IE.document.getElementById("content")

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

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

以下getElementsByClassNameと同様。

IE.document.getElementsByClassName("list")

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

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

以下getAttributeと同様。

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

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

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

この記事は役に立ちましたか?
役に立った 役に立たなかった