insertBefore() メソッド
Node.insertBefore()
insertBefore() メソッドは、 第1引数のオブジェクトを第2引数のオブジェクトの前に挿入するメソッドです。第2引数は、Node オブジェクトの子孫である必要があります。
第1引数のオブジェクトが既存のオブジェクトであった場合は、第2引数のオブジェクトの前に移動します。
第1引数のオブジェクトが DocumentFragment の場合、 DocumentFragment の内容全体が指定された場所に挿入されます。
ページ内 Index
構文(Syntax)
Example Syntax
第1引数の挿入されるオブジェクトが DocumentFragment であった場合は、空の DocumentFragment が返り値になります。
agument_Node = Node.contains( agument_Node, child_Node );
引数(Parameter Values)
Value | 摘要 |
---|---|
agument_Node | 挿入または移動するオブジェクト |
child_Node | このオブジェクトの直前に挿入される |
返り値(Return Values)
Type | 摘要 |
---|---|
agument_Node | 第1引数のオブジェクト。DocumentFragment であった場合は、空の DocumentFragment が返り値になる |
Example
.insertBefore() メソッドの例です。
関連するメソッド
Node インターフェイスにおいて関連するメソッドには以下があります。Element オブジェクトではなく、Node オブジェクトや NodeList を返す場合があります。
関連メソッド | 概要 |
---|---|
.appendChild() | 引数の Node を最後尾に追加 |
.cloneNode() | Nodeを複製 |
.compareDocumentPosition() | ノードの相対的な位置 |
.contains() | 引数のNodeが子孫か否か Boolean型 |
.getBoxQuads() | NodeのCSSにおいて関連するNodeをリストで返す |
.getRootNode() | NodeのルートNodeを返す |
.hasChildNodes() | 子Nodeを持っているか Boolean型 |
.insertBefore() | Nodeを指定Nodeの前に挿入 |
.remove() | 自身を削除 |
.removeChild() | 指定した子Nodeを削除 |
.replaceChild() | 指定した子Nodeを置き換える |