JavaScript 创建新节点的方法_javascript创建新节点-优快云博客

本文链接：https://blog.youkuaiyun.com/zxcv321zxcv/article/details/139347545

在 JavaScript 中，可以使用 document.createElement() 方法来创建新的节点。该方法接受一个字符串参数，表示要创建的节点类型，如 "div"、"p" 等。

创建一个新节点的基本步骤如下：

使用 document.createElement() 方法创建新的节点对象。
使用节点对象的 appendChild() 方法将新的节点添加到现有节点中，成为其子节点。

下面是一个代码示例，演示了如何创建一个新的 <div> 节点，并将其添加到 <body> 中：

// 创建新的节点对象
var divElement = document.createElement("div");

// 设置节点的样式、属性或文本内容
divElement.style.backgroundColor = "yellow";
divElement.innerHTML = "This is a new div element";

// 将新的节点添加到现有节点中
document.body.appendChild(divElement);

在上述示例中，首先使用 document.createElement("div") 创建了一个新的 <div> 节点，并将其赋值给 divElement 变量。然后通过 divElement 可以对该节点进行操作，例如设置样式、属性或文本内容。