js append()函数

作者：硝烟发布日期:2025-04-15 浏览:49

// 创建一个 <div> 元素并添加到文档中
function appendExample() {
  // 创建一个新的 <div> 元素
  const newDiv = document.createElement("div");

  // 设置新元素的文本内容
  newDiv.textContent = "这是一个新添加的 div 元素";

  // 将新元素添加到 body 的末尾
  document.body.append(newDiv);
}

// 调用函数以执行示例
appendExample();

解释说明：

document.createElement("div")：创建一个新的 <div> 元素。
newDiv.textContent = "这是一个新添加的 div 元素"：设置新创建的 <div> 元素的文本内容。
document.body.append(newDiv)：将新创建的 <div> 元素添加到当前文档的 <body> 末尾。

这个例子展示了如何使用 append() 方法将新的 DOM 元素添加到现有的文档结构中。

上一篇：js 定义变量

下一篇：js set 遍历