h5 怎么在js脚本中动态创建div元素

在JavaScript脚本中动态创建 `<div>` 元素可以使用 `createElement` 方法和 DOM 操作来实现。下面是一个示例代码，演示了如何在JavaScript中动态创建 `<div>` 元素：

<script>
  // 创建一个新的 <div> 元素
  var div = document.createElement("div");
  
  // 设置 <div> 元素的属性，比如 id、class、style 等
  div.id = "myDiv";
  div.className = "myClass";
  div.style.width = "200px";
  div.style.height = "100px";
  
  // 设置 <div> 元素的内容，可以是文本或其他 HTML 元素
  div.textContent = "Hello, World!";
  
  // 将 <div> 元素添加到页面中的某个父元素内
  var parentElement = document.getElementById("parentDiv");
  parentElement.appendChild(div);
</script>

<div id="parentDiv">
  <!-- 这里是动态创建的 <div> 元素 -->
</div>

在上述代码中，我们首先使用 `document.createElement("div")` 创建了一个新的 `<div>` 元素，并将其赋值给变量 `div`。

然后，我们可以使用 `div` 对象的属性来设置 `<div>` 元素的各种属性，比如 `id`、`class`、`style` 等。在示例中，我们设置了 `id` 和 `class` 属性，并使用 `style` 属性设置了宽度和高度。

接下来，我们可以使用 `textContent` 属性来设置 `<div>` 元素的文本内容，也可以通过其他 DOM 操作来添加其他 HTML 元素作为其内容。

最后，我们使用 `appendChild` 方法将 `<div>` 元素添加到页面中的某个父元素内。在示例中，我们通过 `getElementById` 方法获取了父元素，并将 `<div>` 添加为其子元素。

这样，你就可以在 JavaScript 脚本中动态创建 `<div>` 元素，并将其添加到页面中的指定位置。你可以根据需要调整元素的属性和内容。