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

ChildNode - 子ノードを持てるノード

ChildNodeは、子ノードを持てるノードが備えているインターフェイスです。

概要

名前
ChildNode
IDL
[NoInterfaceObject,
 Exposed=Window]
interface ChildNode {
  [CEReactions, Unscopable] void before((Node or DOMString)... nodes);
  [CEReactions, Unscopable] void after((Node or DOMString)... nodes);
  [CEReactions, Unscopable] void replaceWith((Node or DOMString)... nodes);
  [CEReactions, Unscopable] void remove();
};
DocumentType implements ChildNode;
Element implements ChildNode;
CharacterData implements ChildNode;
仕様書
https://dom.spec.whatwg.org/#nondocumenttypechildnode

チュートリアル

ChildNodeを取得する例です。このインターフェイスは、Elementが実装しています。

<p id="hoge">SYNCER</p>
// ChildNodeを取得
var element = document.getElementById( "hoge" ) ;

プロパティ

固有のプロパティはありません。

メソッド

after()

元のNodeの直後に、引数に指定したNodeを挿入します。

before()

元のNodeの直前に、引数に指定したNodeを挿入します。

remove()

元のNodeを削除します。

replaceWith()

元のNodeを、引数に指定したNodeに置換します。

定数

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

イベント

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

サポート状況

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

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
ChildNode 24+ 23+ 7.1+× 15+ 7.0+ 4.4+
after() 54+ 49+ 10+×× 41+ 10.0+×
before() 54+ 49+ 10+×× 41+ 10.0+×
remove() 24+ 23+ 7.1+× 15+ 7.0+ 4.4+
replaceWith() 54+ 49+ 10+×× 41+ 10.0+×
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月3日 (火)
コンテンツを公開しました。