javascript - 将 HTML 添加到容器的末尾 : What is the proper way to do it using JavaScript?

Question

我有点网络开发 n00b，所以我做这样的事情:

document.getElementById("some_element").innerHTML += "<p>Here's some more that will be added to the end of the HTML that composes some_element</p>";

但是，我猜想有一种更纯粹的方法来完成修改内部 HTML 的任务。这样做的标准方法是什么？我假设这种程序是我在互联网论坛上发帖时发生的事情。因此，了解这一点很重要。

Answer 1

我建议使用 appendChild 而不是 innerHTML

myDiv = document.getElementById("myid");
myNewNode = document.createElement("div")
myContent = document.createTextNode("text of new div");
myNewNode.appendChild(myContent);
myDiv.appendChild(myNewNode);

innerHTML 将删除元素内现有节点上的监听器。 appendChild 保留它们。