JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

JavaScript History オブジェクト HTML DOM Element オブジェクト

HTML DOM insertAdjacentElement() メソッド

insertAdjacentElement()メソッドは、呼び出された要素に対して指定された位置に要素ノードを挿入します。

構文：

element.insertAdjacentElement(position,　element)

例

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterend",　span);

テストを見て‹/›

ブラウザの互換性

テーブルの数字は、insertAdjacentElement()メソッドを完全にサポートする最初のブラウザバージョンを指定しています：

メソッド
insertAdjacentElement()	は	48	は	は	8

パラメータ値

パラメータ	説明
position	要素に対する位置関係。合法値：「afterbegin」-要素の始めの後ろ（最初の子要素として）「afterend」-要素の後ろ「beforebegin」-要素の前に「Before end」-要素の終わりの前に（最後の子要素として）
element	挿入したい要素

技術的詳細

返値：	挿入された要素；挿入に失敗した場合は、返しますnull。
例外情况：	SyntaxError-指定された位置は認識可能な値ではありません TypeError-指定された要素は有効な要素ではありません

更多例

使用「beginbegin」値：

例

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterbegin",　span);

テストを見て‹/›

「beforebegin」値の使用：

例

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforebegin", span);

テストを見て‹/›

「beforeend」値の使用：

例

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforeend", span);

テストを見て‹/›

JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

HTML DOM insertAdjacentElement() メソッド

構文：

ブラウザの互換性

パラメータ値

技術的詳細

更多例

関連リファレンス