如何使用 JavaScript 动态向 div 元素中添加内容？

使用 JavaScript 动态向 div 元素中添加内容，可以使用 JavaScript 的内置函数 document.createElement() 和 appendChild() 来实现。

1. 使用 document.createElement() 创建一个新的元素

我们需要使用 document.createElement() 函数来创建一个新的元素，这个元素可以是任何类型的 HTML 元素，比如 div、span、p 等，这个函数的语法如下：

var newElement = document.createElement(elementName);

其中，elementName 是要创建的元素的名称，比如 div、span、p 等。

2. 使用 appendChild() 将新元素添加到 div 元素中

我们可以使用 appendChild() 函数将新创建的元素添加到 div 元素中，这个函数的语法如下：

parentElement.appendChild(newElement);

其中，parentElement 是要添加新元素的父元素，newElement 是要添加的新元素。

3. 使用 innerHTML 向新元素中添加内容

我们可以使用 innerHTML 属性向新元素中添加内容，这个属性的语法如下：

newElement.innerHTML = "新元素的内容";

其中，newElement 是要添加内容的新元素，"新元素的内容" 是要添加的内容。

4. 示例代码

以下是一个示例代码，用于动态向 div 元素中添加内容：

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

// 向新元素中添加内容
newElement.innerHTML = "新元素的内容";

// 将新元素添加到 div 元素中
document.getElementById('div1').appendChild(newElement);

上面代码中，使用 document.createElement() 创建了一个新的元素，使用 innerHTML 向新元素中添加内容，使用 appendChild() 将新元素添加到 div 元素中。

5.

总而言之，使用 JavaScript 动态向 div 元素中添加内容，需要使用 JavaScript 的内置函数 document.createElement() 和 appendChild()，并使用 innerHTML 向新元素中添加内容。