如何在不删除标记内的整个html的情况下使用innerHTML？

Question

我已经搜索了几乎整个互联网，但无法获得有关此问题的解决方案。

假设我们有一个div元素，其中包含一些html。 通过其ID（或其他选择器，无论如何）选择此标签后，如果我使用“ innerHTML”方法，则会丢失该标签内的所有html。 我该怎么做才能不破坏标签内的html部分？ 我只想添加一些“更多”，而不是“全部销毁”，然后将其插入新的。

document.getElementById('something').innerHTML = document.getElementById('something').innerHTML + new_html_to_append;

上面的方法不适用于第三次迭代，也不能在for循环中使用，所以对我来说是无用的。我需要适合无限补充的东西。

谢谢！

（我知道.append（）方法，但不允许在其中使用JQuery。）

Answer 1

使用innerHTML()可能会导致某些意外行为。 从这里查看类似appendChild()替代方法：

如何使用JavaScript将数据附加到div？

Answer 2

使用AppendChild（）。在使用此功能时，请注意使用正确的功能，例如是否必须添加div之类的HTML元素。

obj=document.createElement(something);
document.getElementById("something").appendChild(obj);

但是如果它是一个文本节点，那么

obj=document.createTextNode(something);
document.getElementById("something").appendChild(obj);

Answer 3

appendChild（）

....................................