在div之后追加HTML - JavaScript

在JavaScript中，我们可以使用 appendChild() 方法来向元素中添加新的子节点。但是如果我们想向元素的末尾添加新的HTML内容而不是节点，该怎么办呢？

这里提供了一种解决方案：使用 innerHTML 属性和 += 运算符向元素中添加新的HTML内容。

示例

以下示例演示了如何使用 innerHTML 和 += 运算符来向div元素中追加新的HTML内容。

const div = document.getElementById('myDiv');
div.innerHTML += '<p>这是新的HTML内容</p>';

在这个示例中，我们首先获取了一个id为 myDiv 的div元素，并使用 innerHTML 和 += 运算符将新的HTML内容添加到了div元素的末尾。

总结

使用 innerHTML 和 += 运算符向元素中追加新的HTML内容非常简单，只需要将HTML代码作为字符串添加到 innerHTML 中即可。但是，需要注意的是，使用 innerHTML 的时候会将原有的内容覆盖掉，因此建议在使用此方法时先将原有的内容保存下来。