insertBefore() メソッド
Node.insertBefore()
insertBefore() メソッドは、 第1引数のオブジェクトを第2引数のオブジェクトの前に挿入するメソッドです。第2引数は、Node オブジェクトの子孫である必要があります。
Node.insertBefore( agument_Node, child_Node );
詳しくは Example を参照してください
第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を置き換える |
