js创建元素（节点）示例

在JavaScript中，创建元素（节点）并添加到DOM中是一项基础而常见的操作。下面是一个简单的示例，展示了如何创建一个新的`

`元素，并为其设置一些内容，最后将其添加到`body`元素的末尾。


// 创建一个新的div元素
var newDiv = document.createElement("div");

// 为这个div设置一些内容
newDiv.textContent = "这是一个新创建的div元素";

// 为这个div添加一个类名（可选）
newDiv.className = "new-div";

// 获取body元素
var body = document.body;

// 将新创建的div添加到body的末尾
body.appendChild(newDiv);

在这个示例中，`document.createElement("div")`用于创建一个新的`

`元素。通过修改`newDiv`的属性（如`textContent`和`className`），你可以定义其内容和样式。最后，使用`body.appendChild(newDiv)`将这个新创建的`

`元素添加到`body`元素的末尾。当然，你也可以将它添加到其他任何容器元素中，只需将`body`替换为相应元素的引用即可。