ParentNode

ParentNode ミックスインは、子を持つことができるすべての型の Node オブジェクトに特有のメソッドやプロパティを含みます。これは、ElementDocumentDocumentFragment オブジェクトに実装されています。

対象のノードや要素を見つけるためにCSS セレクターを使用する方法について、詳しくはセレクタを使用した DOM 要素の指定をご覧ください。

プロパティ

ParentNode.childElementCount 読取専用
オブジェクトが持つ子の数を表す unsigned long 値を返します。
ParentNode.children 読取専用
この ParentNode の子であるすべての Element 型のオブジェクトを含む実際の HTMLCollection を返します。要素ではないノードは省きます。
ParentNode.firstElementChild (en-US) 読取専用
この ParentNode の最初の子である Element を返します。存在しない場合は null を返す。
ParentNode.lastElementChild (en-US) 読取専用
この ParentNode の最後の子である Element を返します。存在しない場合は null を返す。

メソッド

ParentNode.append()
ParentNode の最後の子の後ろに、Node オブジェクトまたは DOMString オブジェクトのセットを挿入します。DOMString オブジェクトは、同等の Text ノードとして挿入されます。
ParentNode.prepend()
ParentNode の最初の子の前に、Node オブジェクトまたは DOMString オブジェクトのセットを挿入します。DOMString オブジェクトは、同等の Text ノードとして挿入されます。
ParentNode.querySelector()
現在の要素をルートとして、指定したセレクターのグループにマッチする最初の Element を返します。
ParentNode.querySelectorAll()
現在の要素をルートとして、指定したセレクターのグループにマッチする要素のリストを表す NodeList を返します。
ParentNode.replaceChildren() (en-US)
ノードの既存の子ノードを、指定した新しい子ノードのセットに入れ替えます。

仕様

仕様書 状況 コメント
DOM
ParentNode の定義
現行の標準 ElementTraversal インターフェイスを ChildNodeParentNode に分割しました。ParentNode.firstElementChild (en-US)ParentNode.lastElementChild (en-US)ParentNode.childElementCount プロパティは、後者で定義されていません。
ParentNode.children プロパティが追加されました。
ParentNode.querySelector()ParentNode.querySelectorAll()ParentNode.append()ParentNode.prepend() メソッドが追加されました。
Element Traversal Specification
ElementTraversal の定義
廃止 ElementTraversal 基本インターフェイスにこのプロパティの初期定義が追加され、Element で使われます。

ブラウザー実装状況

No compatibility data found for api.ParentNode.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

関連項目