HTML DOM insertAdjacentElement()メソッド
例
スパン要素をヘッダー要素の後に移動します。
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
定義と使用法
このinsertAdjacentElement()
メソッドは、指定された要素を指定された位置に挿入します。
法定位置の値は次のとおりです。
「afterbegin」
「afterend」
「beforebegin」
「beforeend」
ブラウザのサポート
表の数字は、このメソッドを完全にサポートする最初のブラウザバージョンを示しています。
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
構文
node.insertAdjacentElement(position, element)
パラメータ値
Parameter | Type | Description |
---|---|---|
position | String | Required. A position relative to the element. Legal values: "afterbegin" - After the beginning of the element (as the first child) "afterend" - After the element "beforebegin" - Before the element "beforeend" - Before the end of the element (as the last child) |
element | HTML Element | The element you want to insert |
その他の例
例
「afterbegin」値の使用:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
例
「beforebegin」値の使用:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
例
「beforeend」値の使用:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);