document.append - JavaScript

介绍

document.append() 是一个用于将一个或多个节点添加到文档中的 JavaScript 方法。文档可以添加任何类型的 DOM 节点，包括元素、文本和注释。

语法

document.append(node1, node2, ...)

• node1, node2, ...: 一个或多个 DOM 节点
• 返回值：无

示例

添加一个新元素

const newElement = document.createElement('div');
newElement.textContent = 'This is a new element';
document.body.append(newElement);

这个例子创建了一个新的 div 元素，并将其添加到 body 元素的末尾。新元素的文本内容为 "This is a new element"。

添加多个元素

const element1 = document.createElement('div');
element1.textContent = 'Element 1';
const element2 = document.createElement('div');
element2.textContent = 'Element 2';
document.body.append(element1, element2);

这个例子创建了两个新的 div 元素，并将它们都添加到 body 元素的末尾。

添加文本

document.body.append('Some text');

这个例子将文本字符串 "Some text" 添加到 body 元素的末尾。

总结

document.append() 是一个方便的方法，用于将一个或多个 DOM 节点添加到文档中。它可以添加任何类型的节点，包括元素、文本和注释。