js创建dom

　　在 JavaScript 中，你可以使用 DOM(Document Object Model)来创建和操作 HTML 元素。DOM 提供了一组 API，用于在 JavaScript 中动态创建、修改和操作 HTML 元素。

　　下面是一些常见的方法来创建 DOM 元素：

　　方法一: 使用createElement() 和 appendChild()

　　可以使用 `createElement()` 方法创建一个新的 HTML 元素，并使用 `appendChild()` 方法将其添加到指定的父元素中。　　

// 创建一个 <div> 元素
var divElement = document.createElement("div");

// 设置元素的属性
divElement.setAttribute("id", "myDiv");
divElement.textContent = "Hello, world!";

// 将元素添加到文档中的某个父元素中
var parentElement = document.getElementById("parentDiv");
parentElement.appendChild(divElement);

　　在这个示例中，我们使用 `createElement()` 方法创建了一个新的 `div` 元素，并给它设置了 `id` 属性和文本内容。然后，使用 `appendChild()` 方法将该元素添加到 ID 为 "parentDiv" 的父元素中。

// 创建一个包含 HTML 内容的 <div> 元素
var divElement = document.createElement("div");
divElement.innerHTML = '<p>Hello, world!</p><span>Another element</span>';

// 将元素添加到文档中的某个父元素中
var parentElement = document.getElementById("parentDiv");
parentElement.appendChild(divElement);