js appendchild

作者：以往的帅哥发布日期:2025-11-19 浏览:85

// 创建一个新的 <p> 元素
var para = document.createElement("p");
var node = document.createTextNode("这是新段落。");
para.appendChild(node);

// 将新的 <p> 元素添加到 <body> 的最后一个子节点之后
var element = document.body;
element.appendChild(para);

解释说明：

创建元素：document.createElement("p") 用于创建一个新的 <p> 元素。
创建文本节点：document.createTextNode("这是新段落。") 用于创建一个包含文本的节点。
添加文本到元素：para.appendChild(node) 将文本节点添加到 <p> 元素中。
获取目标元素：var element = document.body 获取文档的 <body> 元素。
将新元素添加到目标元素中：element.appendChild(para) 将新的 <p> 元素添加到 <body> 的最后一个子节点之后。

这样，新的段落就会被添加到页面的底部。

上一篇：js setattribute

下一篇：js remove()