如何插入HTML内容而不用JS覆盖默认内容[重复]答案

【问题标题】：How to insert HTML content without overwrite the default content with JS [duplicate]如何插入HTML内容而不用JS覆盖默认内容[重复]
【发布时间】：2018-07-19 21:26:36
【问题描述】：

下面有页脚代码。我想添加一些 html 内容（见下文），但如果我这样做，默认内容就会消失。我想保留默认内容并添加新内容。该怎么做？

<div id="footer">
HTML content and some classes
</div>

我的代码添加另一个带有类的 HTML 内容：

<script>
document.getElementById('footer').innerHTML = '<div class="bannery"><img class="obrazek" src="URL"></div>';
</script>

谢谢你:-)

【问题讨论】：

看appendChild
已将 this answer 添加到 dupetarget，因为它没有明显的答案。

标签： javascript

【解决方案1】：

试试这个：document.getElementById('footer').innerHTML += '<div class="bannery"><img class="obrazek" src="URL"></div>'; 应该可以的

【讨论】：

这个问题是如果有事件处理程序，你删除它们。
应该将注入 HTML 添加到具有页脚 id 的元素中
通常对我有用
它会添加它，只是说这个解决方案有副作用。