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 完全対応 10Samsung 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. AbstractRange
    4. Attr
    5. ByteString
    6. CDATASection
    7. CSSPrimitiveValue
    8. CSSValue
    9. CSSValueList
    10. CharacterData
    11. ChildNode
    12. Comment
    13. CustomEvent
    14. DOMConfiguration
    15. DOMError
    16. DOMErrorHandler
    17. DOMException
    18. DOMImplementation
    19. DOMImplementationList
    20. DOMImplementationRegistry
    21. DOMImplementationSource
    22. DOMLocator
    23. DOMObject
    24. DOMParser
    25. DOMPoint
    26. DOMPointInit
    27. DOMPointReadOnly
    28. DOMRect
    29. DOMString
    30. DOMTimeStamp
    31. DOMTokenList
    32. DOMUserData
    33. Document
    34. DocumentFragment
    35. DocumentType
    36. Element
    37. ElementTraversal
    38. Entity
    39. EntityReference
    40. Event
    41. EventTarget
    42. HTMLCollection
    43. MutationObserver
    44. Node
    45. NodeFilter
    46. NodeIterator
    47. NodeList
    48. NonDocumentTypeChildNode
    49. ProcessingInstruction
    50. PromiseResolver
    51. Range
    52. StaticRange
    53. Text
    54. TextDecoder
    55. TextEncoder
    56. TimeRanges
    57. TreeWalker
    58. TypeInfo
    59. USVString
    60. UserDataHandler
    61. XMLDocument