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()
セレクタに一致する全ての要素を取得します。
定数
固有の定数はありません。
イベント
固有のイベントハンドラはありません。
サポート状況
クリックすると、バージョンごとの対応状況を確認できます。
Features | Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|---|
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+ | ● | ● | ● |
関連記事
- Document()
- Document()は、Documentのコンストラクタです。新しいオブジェクトを作成します。
- Document.visibilityState
- visibilityStateは、Documentのプロパティです。最上位のブラウジングコンテキストが持つドキュメントの表示状態を文字列で返します。
- Document.forms
- formsは、Documentのプロパティです。ドキュメントの全てのform要素を返します。
- Document.activeElement
- activeElementは、Documentのプロパティです。フォーカス中の要素を返します。フォーカス中の要素がなければbody要素、それもなければhtml要素、それもなければnullを返します。