如何使用 JavaScript 将 HTML 代码附加到 div？

在 JavaScript 中，我们可以使用 innerHTML 属性将 HTML 代码附加到指定的 div 元素中。

步骤一：获取要附加 HTML 代码的 div 元素

首先，我们需要选择要将 HTML 代码附加的 div 元素。我们可以使用 document.getElementById() 方法选择具有指定 id 的元素。

const myDiv = document.getElementById('myDiv');

步骤二：为要附加的 HTML 代码创建字符串

接下来，我们需要为要添加到 div 中的 HTML 代码创建一个字符串。在这个字符串中，我们可以包含 HTML 标记和文本。

const myHtml = '<h1>这是一个标题</h1><p>这是一个段落。</p>';

步骤三：将 HTML 代码附加到 div 元素中

现在，我们可以将 HTML 代码添加到 div 元素中。我们可以使用 innerHTML 属性将字符串赋值给要附加的 div 元素。

myDiv.innerHTML = myHtml;

这将在指定的 div 元素中添加 HTML 代码。以下是完整的示例：

const myDiv = document.getElementById('myDiv');
const myHtml = '<h1>这是一个标题</h1><p>这是一个段落。</p>';
myDiv.innerHTML = myHtml;

结论

使用 innerHTML 属性可以很容易地在 JavaScript 中将 HTML 代码附加到 div 元素中。以上面的示例为例，我们只需获取要附加的 div 元素、创建 HTML 代码字符串并将其分配给 innerHTML 属性即可。