ParentNode
ミックスインは、子を持つことができるすべての型の Node
オブジェクトに特有のメソッドやプロパティを含みます。これは、Element
と Document
、DocumentFragment
オブジェクトに実装されています。
対象のノードや要素を見つけるためにCSS セレクターを使用する方法について、詳しくはセレクタを使用した DOM 要素の指定をご覧ください。
プロパティ
ParentNode.childElementCount
読取専用- オブジェクトが持つ子の数を表す
unsigned long
値を返します。 ParentNode.children
読取専用- この
ParentNode
の子であるすべてのElement
型のオブジェクトを含む実際のHTMLCollection
を返します。要素ではないノードは省きます。 ParentNode.firstElementChild
読取専用- この
ParentNode
の最初の子であるElement
を返します。存在しない場合はnull
を返す。 ParentNode.lastElementChild
読取専用- この
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()
- ノードの既存の子ノードを、指定した新しい子ノードのセットに入れ替えます。
仕様
仕様書 | 状況 | コメント |
---|---|---|
DOM ParentNode の定義 |
現行の標準 | ElementTraversal インターフェイスを ChildNode と ParentNode に分割しました。ParentNode.firstElementChild と ParentNode.lastElementChild 、ParentNode.childElementCount プロパティは、後者で定義されていません。ParentNode.children プロパティが追加されました。ParentNode.querySelector() 、ParentNode.querySelectorAll() 、ParentNode.append() 、ParentNode.prepend() メソッドが追加されました。 |
Element Traversal Specification ElementTraversal の定義 |
廃止された | ElementTraversal 基本インターフェイスにこのプロパティの初期定義が追加され、Element で使われます。 |
ブラウザー実装状況
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
関連項目
ChildNode
基本インターフェース。