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

Displaying every item of an array as a new line in HTML

本文关键字：项目 显示 换行符 HTML 数组      更新时间：2023-09-26

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

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

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

我的对象中的其他内容我像这样显示：

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

但显然，在上面的代码中放置"注释"会将它们彼此相邻显示。现在如何显示一个/行？

Javascript 数组原型有一个函数 forEach（callback（element， index， array）），它为数组的每个元素执行一次提供的回调，并分配一个值。对于已删除或已初始化为 undefined 的索引，不会调用它。

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);
});
相关文章：