ParentNode

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 を返します。

仕様

仕様書 状況 コメント
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 で使われます。

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
ParentNodeChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
append
実験的
Chrome 完全対応 54Edge 完全対応 17Firefox 完全対応 49IE 未対応 なしOpera 完全対応 39Safari 完全対応 10WebView Android 完全対応 54Chrome Android 完全対応 54Firefox Android 完全対応 49Opera Android 完全対応 41Safari iOS 完全対応 10.2Samsung Internet Android 完全対応 6.0
childElementCountChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 あり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 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 9Samsung Internet Android 完全対応 あり
Support on Document and DocumentFragment
実験的
Chrome 完全対応 29Edge ? Firefox 完全対応 25IE 未対応 なしOpera 完全対応 16Safari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android ? Opera Android ? Safari iOS 未対応 なしSamsung Internet Android 完全対応 あり
firstElementChildChrome 完全対応 1Edge ? Firefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
lastElementChildChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
prepend
実験的
Chrome 完全対応 54Edge 完全対応 17Firefox 完全対応 49IE 未対応 なしOpera 完全対応 39Safari 完全対応 10WebView Android 完全対応 54Chrome Android 完全対応 54Firefox Android 完全対応 49Opera Android 完全対応 41Safari iOS 完全対応 10Samsung Internet Android 完全対応 6.0
querySelectorAllChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9
補足
完全対応 9
補足
補足 Internet Explorer 8 only supported CSS2 selectors.
Opera 完全対応 10Safari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 10.1Safari iOS 完全対応 3.2Samsung Internet Android 完全対応 あり

凡例

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

関連項目

関連トピック
  1. Document Object Model
  2. ParentNode
  3. プロパティ
    1. childElementCount
    2. children
    3. firstElementChild [翻訳する]
    4. lastElementChild [翻訳する]
  4. メソッド
    1. append()
    2. prepend()
    3. querySelector() [翻訳する]
    4. querySelectorAll() [翻訳する]
  5. Implemented by:
    1. Document
    2. DocumentFragment
    3. Element
  6. DOM に関連するページ
    1. AbortController
    2. AbortSignal
    3. Attr
    4. ByteString
    5. CDATASection
    6. CSSPrimitiveValue
    7. CSSValue
    8. CSSValueList
    9. CharacterData
    10. ChildNode
    11. Comment
    12. CustomEvent
    13. DOMConfiguration
    14. DOMError
    15. DOMErrorHandler
    16. DOMException
    17. DOMImplementation
    18. DOMImplementationList
    19. DOMImplementationRegistry
    20. DOMImplementationSource
    21. DOMLocator
    22. DOMObject
    23. DOMParser
    24. DOMPoint
    25. DOMPointInit
    26. DOMPointReadOnly
    27. DOMRect
    28. DOMString
    29. DOMTimeStamp
    30. DOMTokenList
    31. DOMUserData
    32. Document
    33. DocumentFragment
    34. DocumentType
    35. Element
    36. ElementTraversal
    37. Entity
    38. EntityReference
    39. Event
    40. EventTarget
    41. HTMLCollection
    42. MutationObserver
    43. Node
    44. NodeFilter
    45. NodeIterator
    46. NodeList
    47. NonDocumentTypeChildNode
    48. ProcessingInstruction
    49. PromiseResolver
    50. Range
    51. Text
    52. TextDecoder
    53. TextEncoder
    54. TimeRanges
    55. TreeWalker
    56. TypeInfo
    57. USVString
    58. UserDataHandler
    59. XMLDocument