DOM

：

Node インターフェイス

：

after メソッド

　 編集：2022.02.06 by T.A.

Element の親の子リストの、Element の直後に、 Node または DOMString オブジェクトのセットを挿入します。→●、MS

DOMString オブジェクトは Text ノードと等価なノードとして挿入されます。

Element.after(...nodes)
Element Element。複数ある場合はカンマで区切る。
nodes Node、または DOMString。
例外
HierarchyRequestError
ノードを階層内の指定の位置に挿入できません。
例
要素の挿入 
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");

p.after(span);

console.log(container.outerHTML);
//"<div><p></p><span></span></div>"
テスト
HTML：

ここに表示
スクリプト組み込み：



スクリプト：


スクリプト：



表示内容：
表示内容：