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 で使われます。 |
ブラウザー実装状況
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.
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
ParentNode | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 3.5 | IE 完全対応 9 | Opera 完全対応 10 | Safari 完全対応 4 | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
append | Chrome 完全対応 54 | Edge 完全対応 17 | Firefox 完全対応 49 | IE 未対応 なし | Opera 完全対応 39 | Safari 完全対応 10 | WebView Android 完全対応 54 | Chrome Android 完全対応 54 | Firefox Android 完全対応 49 | Opera Android 完全対応 41 | Safari iOS 完全対応 10 | Samsung Internet Android 完全対応 6.0 |
childElementCount | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 3.5 | IE 完全対応 9 | Opera 完全対応 10 | Safari 完全対応 4 | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
children | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 3.5 | IE
完全対応
9
| Opera 完全対応 10 | Safari 完全対応 4 | WebView Android 完全対応 1 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 10.1 | Safari iOS 完全対応 9 | Samsung Internet Android 完全対応 1.0 |
Support on Document and DocumentFragment | Chrome 完全対応 29 | Edge 完全対応 ≤79 | Firefox 完全対応 25 | IE 未対応 なし | Opera 完全対応 16 | Safari 未対応 なし | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android ? | Opera Android ? | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
firstElementChild | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 3.5 | IE 完全対応 9 | Opera 完全対応 10 | Safari 完全対応 4 | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
lastElementChild | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 3.5 | IE 完全対応 9 | Opera 完全対応 10 | Safari 完全対応 4 | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
prepend | Chrome 完全対応 54 | Edge 完全対応 17 | Firefox 完全対応 49 | IE 未対応 なし | Opera 完全対応 39 | Safari 完全対応 10 | WebView Android 完全対応 54 | Chrome Android 完全対応 54 | Firefox Android 完全対応 49 | Opera Android 完全対応 41 | Safari iOS 完全対応 10 | Samsung Internet Android 完全対応 6.0 |
querySelector | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 3.5 | IE
完全対応
9
| Opera 完全対応 10 | Safari 完全対応 4 | WebView Android 完全対応 ≤37 | Chrome Android 完全対応 18 | Firefox Android 完全対応 あり | Opera Android 完全対応 10.1 | Safari iOS 完全対応 3.2 | Samsung Internet Android 完全対応 1.0 |
querySelectorAll | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 3.5 | IE
完全対応
9
| Opera 完全対応 10 | Safari 完全対応 4 | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 10.1 | Safari iOS 完全対応 3.2 | Samsung Internet Android 完全対応 あり |
replaceChildren | Chrome 完全対応 86 | Edge 完全対応 86 | Firefox 完全対応 78 | IE 未対応 なし | Opera 完全対応 72 | Safari 未対応 なし | WebView Android 完全対応 86 | Chrome Android 完全対応 86 | Firefox Android 未対応 なし | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
- 実装ノートを参照してください。
- 実装ノートを参照してください。
関連項目
ChildNode基本インターフェース。