Document:append() 方法
Document.append()
方法会在文档的最后一个子节点后插入一组节点对象或字符串对象。字符串对象被插入为相同文本节点。
此方法将一个子元素追加到 Document
中。要向树中的任意元素添加子元素,请参阅 Element.append()
。
语法
js
append(param1)
append(param1, param2)
append(param1, param2, /* …, */ paramN)
参数
返回值
无(undefined
)。
异常
HierarchyRequestError
DOMException
-
当节点无法插入层次结构中的指定点时抛出异常。
示例
向文档添加根元素
如果你尝试在现有 HTML 文档中添加元素,可能会抛出 HierarchyRequestError
DOMException
,因为 <html>
元素已经存在。
js
let html = document.createElement("html");
document.append(html);
// HierarchyRequestError: The operation would yield an incorrect node tree.
如果创建的新文档没有任何现有元素,你可以添加一个 HTML 根元素(或 SVG 根元素):
js
let doc = new Document();
let html = document.createElement("html");
doc.append(html);
doc.children; // HTMLCollection [<html>]
规范
Specification |
---|
DOM Standard # ref-for-dom-parentnode-append① |
浏览器兼容性
BCD tables only load in the browser