此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
Element：append() 方法
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2018年4月.
Element.append() 方法在当前Element 的最后一个子节点之后插入一组Node 对象或字符串对象。被插入的字符串对象等价为Text 节点。
其与Node.appendChild() 的差异：
语法
js
append(param1)append(param1, param2)append(param1, param2, /* …, */ paramN)参数
param1、…、paramN一组要插入的
Node或字符串对象。
返回值
无（undefined）。
异常
HierarchyRequestErrorDOMException当层次结构中的指定位置不能插入节点时抛出该异常。
示例
附加元素
js
let div = document.createElement("div");let p = document.createElement("p");div.append(p);console.log(div.childNodes); // NodeList [ <p> ]附加文本
js
let div = document.createElement("div");div.append("一些文本");console.log(div.textContent); // "一些文本"附加元素和文本
js
let div = document.createElement("div");let p = document.createElement("p");div.append("一些文本", p);console.log(div.childNodes); // NodeList [ #text "一些文本", <p> ]append 是不可绑定作用域方法
append() 方法无法被绑定到with 语句的作用域中。参见Symbol.unscopables 以了解更多信息。
js
let div = document.createElement("div");with (div) { append("foo");}// ReferenceError: append is not defined规范
| Specification |
|---|
| DOM # ref-for-dom-parentnode-append① |