DOM

：

Element インターフェイス

：

before メソッド

　 編集：2022.02.08 by T.A.

一連の Node または DOMString オブジェクトを、この Element の親の子リストの中、この Element の直前に挿入します。→MS

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

Element.before(...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.before(span);

console.log(container.outerHTML);
// "<div><span></span><p></p></div>"
テキストの挿入 
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);

p.before("Text");

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

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



スクリプト：


スクリプト：



表示内容：
表示内容：