元素: before() 方法

Element.before() 方法在当前 Element 元素的父元素的子元素列表中插入一组 Node 对象或字符串，就在该 Element 之前。字符串被插入为等效的 Text 节点。

语法

js
before(param1)
before(param1, param2)
before(param1, param2, /* …, */ paramN)

参数

param1, …, paramN

要插入的一组 Node 对象或字符串。

返回值

无 (undefined).

异常

HierarchyRequestError DOMException

当节点无法插入到层次结构中的指定点时抛出。

示例

插入元素

js
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>"

插入文本

js
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>"

插入元素和文本

js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");

p.before(span, "Text");

console.log(container.outerHTML);
// "<div><span></span>Text<p></p></div>"

规范

规范
DOM 标准
# ref-for-dom-childnode-before①

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅