js append()

作者：以往沧海发布日期:2025-08-06 浏览:87

// 创建一个新元素并添加到指定的父元素中
function appendExample() {
  // 创建一个新的 <p> 元素
  const newParagraph = document.createElement("p");

  // 设置新段落的内容
  newParagraph.textContent = "这是一个通过 append() 方法添加的新段落。";

  // 获取要添加新元素的父元素，例如 <body>
  const parentElement = document.body;

  // 使用 append() 方法将新元素添加到父元素的末尾
  parentElement.append(newParagraph);
}

// 调用函数以执行 append 操作
appendExample();

解释说明：

document.createElement("p")：创建一个新的 <p> 元素。
newParagraph.textContent：设置新创建的 <p> 元素的文本内容。
document.body：获取当前文档的 <body> 元素作为父元素。
parentElement.append(newParagraph)：使用 append() 方法将新创建的 <p> 元素添加到父元素（这里是 <body>）的末尾。

这个示例展示了如何使用 append() 方法动态地向页面中添加新的 HTML 元素。

上一篇：js setattribute

下一篇：js addclass