Question

我有这段代码我wrote 目前它使用innerHTML用forloop写入页面。但是，我注意到而不是写一切。它只是写出数组中的最后一个元素。

我搜索并看到我必须使用DOM来完成这项工作，因为innerHTML总是会破坏而不是替换。所以我写了这个

function print(message) {    
var mydiv = document.getElementById("box");
    mydiv.appendChild(document.createTextNode(message));
}

进入我的代码并替换innerHTML行。但是，这似乎不起作用。任何人都可以帮助我让它运行吗？

通过“这似乎不起作用”我的意思是代码不会附加到盒子的子代。所以我的文字不会插入带有'box'ID的元素中。我想要发生的就像在我的codepen中我使用innerHTML而不是每个只显示数组中的最后一个元素，我希望它们都显示出来

编辑：好的，更新了codepen。似乎我在这个页面上发布的代码有点工作。但它似乎并没有出现在正确的地方。如果您检查代码簿并添加一些文本并向下滚动，您可以看到它不适合

Answer 1

以这种方式更改打印功能：

function print(message) {
   var html =  document.getElementById("box").innerHTML;
   document.getElementById("box").innerHTML = html + message;
 }