javascript - 将数组的每一项显示为 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);
});