在HTML中将数组的每个项目显示为新行

Question

所以我有一个名为“comments”的数组

comments: ["Comment1","Comment2","Comment3"]

现在我想将每个项目显示为HTML

中的新行

我的对象中的其他内容我显示如下：

<p><%= singlegif.get("title") %></p>

但显然在上面的代码中添加“注释”会将它们显示在彼此旁边.. 现在我如何显示一个/行？

Answer 1

Javascript数组原型有一个函数forEach(callback(element, index, array))，它为具有指定值的数组的每个元素执行一次提供的回调。对于已删除或已初始化为未定义的索引，不会调用它。

var commentsContainer = document.getElementById("demo");
comments: ["Comment1","Comment2","Comment3"];
comments.forEach(function(element, index){
   // create paragraph for each comment
   var elementForComment = document.createElement('p');

   // set text of paragraph
   elementForComment.innerText = element;

   // add paragraph into comments holder.
   commentsContainer.appendChild(elementForComment);
});