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

対象のノードや要素を見つけるために 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 を返します。

仕様

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

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
Support on Document and DocumentFragment
実験的
Chrome 完全対応 29Edge ? Firefox 完全対応 25IE 未対応 なしOpera 完全対応 16Safari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile ? Firefox Android ? Opera Android ? Safari iOS 未対応 なしSamsung Internet Android 完全対応 あり
childElementCountChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
childrenChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9
補足
完全対応 9
補足
補足 Internet Explorer 6, 7 and 8 supported it, but erroneously includes Comment nodes.
Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile ? Firefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 10Samsung Internet Android 完全対応 あり
firstElementChildChrome 完全対応 1Edge ? Firefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile ? Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
lastElementChildChrome 完全対応 1Edge ? Firefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile ? Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
append
実験的
Chrome 完全対応 54Edge 完全対応 17Firefox 完全対応 49IE 未対応 なしOpera 完全対応 39Safari 完全対応 10WebView Android 完全対応 54Chrome Android 完全対応 54Edge Mobile 完全対応 17Firefox Android 完全対応 49Opera Android 完全対応 39Safari iOS 完全対応 10.2Samsung Internet Android 完全対応 6.0
prepend
実験的
Chrome 完全対応 54Edge 完全対応 17Firefox 完全対応 49IE 未対応 なしOpera 完全対応 39Safari 完全対応 10WebView Android 完全対応 54Chrome Android 完全対応 54Edge Mobile ? Firefox Android 完全対応 49Opera Android 完全対応 39Safari iOS 完全対応 10Samsung Internet Android 完全対応 6.0
querySelectorAllChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9
補足
完全対応 9
補足
補足 Internet Explorer 8 only supported CSS2 selectors.
Opera 完全対応 10Safari 完全対応 3.2WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile ? Firefox Android 完全対応 ありOpera Android 完全対応 10Safari iOS 完全対応 3.2Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。

関連項目

ドキュメントのタグと貢献者

このページの貢献者: yyss, Marsf, YuichiNukiyama
最終更新者: yyss,