Javascript 将我的代码配置为附加到子级而不是innerHTML

我有这个密码 目前，它使用innerHTML通过forloop写入页面。然而，我注意到，我并没有把所有的东西都写下来。它只写入数组中的最后一个元素

我搜索并发现我必须使用DOM来完成这项工作，因为innerHTML将始终销毁而不是替换。所以我写了这个

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

进入我的代码并替换innerHTML行。然而，这似乎不起作用。有人能帮我把它弄起来吗

“这似乎不起作用”，我的意思是代码不会附加到box的子级。因此，我的文本不会插入到具有“box”ID的元素中。 我希望发生的事情就像在我的代码笔中使用innerHTML一样，但不是每个元素都只显示数组中的最后一个元素，而是希望它们都显示出来

编辑：

---

好的，更新了密码笔。看来我在这页上发布的代码还不错。但它似乎放错地方了。如果您检查代码笔并添加一些文本并向下滚动，您会发现它不合适

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

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

---

“这似乎不起作用”您能更详细地解释什么不起作用吗？消息来自打印功能。该代码将位于我的打印功能中。“功能打印（消息）”您可以在代码笔内看到它。我会编辑使它更清晰我编辑了我的文章多一点。希望它对我来说更清晰。如果我打开你的笔，复制你的代码并按run，它会向div添加

text

。为什么你不尝试用jquery来做这件事呢？引用OP：目前它使用innerHTML以forloop写入页面。然而，我注意到，我并没有把所有的东西都写下来。它只写入数组中的最后一个元素。我搜索并发现我必须使用DOM来完成这项工作，因为innerHTML将始终销毁而不是替换。这是真的。不幸的是，同样的事情也发生了。只有数组中的最后一个元素被输出到页面。而不是所有这些，哇哦，这似乎有效@Draykos！！太棒了，谢谢！