DocumentFragment: append() 方法

Baseline 已广泛支持

此功能已成熟,可跨多种设备和浏览器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有浏览器中可用。

DocumentFragment.append() 方法在文档片段的最后一个子节点之后插入一组 Node 对象或字符串。字符串会被插入为等效的 Text 节点。

此方法将一个子节点追加到 DocumentFragment。要追加到树中的任意元素,请参阅 Element.append()

语法

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

参数

param1, …, paramN

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

返回值

无(undefined)。

异常

HierarchyRequestError DOMException

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

示例

将元素追加到文档片段

js
let fragment = new DocumentFragment();
let div = document.createElement("div");
fragment.append(div);

fragment.children; // HTMLCollection [<div>]

规范

规范
DOM
# ref-for-dom-parentnode-append①

浏览器兼容性

另见