SYNCERのロゴ
アイキャッチ画像

ParentNode - 親ノード

ParentNodeは、親ノードになれるノードが備えているインターフェイスです。

概要

名前
ParentNode
IDL
[NoInterfaceObject,
 Exposed=Window]
interface ParentNode {
  [SameObject] readonly attribute HTMLCollection children;
  readonly attribute Element? firstElementChild;
  readonly attribute Element? lastElementChild;
  readonly attribute unsigned long childElementCount;

  [CEReactions, Unscopable] void prepend((Node or DOMString)... nodes);
  [CEReactions, Unscopable] void append((Node or DOMString)... nodes);

  Element? querySelector(DOMString selectors);
  [NewObject] NodeList querySelectorAll(DOMString selectors);
};
Document implements ParentNode;
DocumentFragment implements ParentNode;
Element implements ParentNode;
仕様書
https://dom.spec.whatwg.org/#parentnode

チュートリアル

ParentNodeのインターフェイスは、DocumentやElementが実装しています。

document.querySelector( "hoge" ) ;
document.querySelectorAll( "hoge" ) ;

コンストラクタ

コンストラクタはありません。

プロパティ

childElementCount

子要素の数を返します。

children

全ての子要素を返します。

firstElementChild

最初の子要素を返します。

lastElementChild

最後の子要素を返します。

メソッド

append()

末尾に子ノードを挿入します。

prepend()

先頭に子ノードを挿入します。

querySelector()

セレクタに一致する最初の要素を取得します。

querySelectorAll()

セレクタに一致する全ての要素を取得します。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
ParentNode 8+
append() 54+ 49+ 10+×× 41+ 10.0+×
childElementCount 9+
children
firstElementChild 9+
lastElementChild 9+
prepend() 54+ 49+ 10+×× 41+ 10.0+×
querySelector() 9+
querySelectorAll() 9+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月8日 (日)
コンテンツを公開しました。