配置我的代码追加到子而不是innerHTML

configuring my code to append to child instead of innerHTML

本文关键字：innerHTML 我的 代码 追加 配置      更新时间：2023-09-26

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

我搜索，看到我必须使用DOM来完成这个innerHTML将永远销毁而不是替换。所以我写了

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

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

中"this doesn't seem work"的意思是代码不会追加到box的子元素。所以我的文本不会被插入到具有'box' ID的元素中。我想要发生的就像在我的代码依存，我使用了innerHTML但不是每个只有最后一个元素在数组中显示，我想要他们都显示

编辑:好的，更新了依存关系。似乎我在这个页面上发布的代码有点奏效。但它似乎走错了地方。如果你选择codependencies并添加一些文本然后向下滚动你会发现它不合适

按如下方式更改打印函数:

function print(message) {
   var html =  document.getElementById("box").innerHTML;
   document.getElementById("box").innerHTML = html + message;
 }
http://codepen.io/anon/pen/bwBOdq

相关文章：