Javascript 使用样式将数组内容输入HTML

因此，我将数组保存为变量：

var arrayContents=contentData
和我的数组：
['content\u 1'，'content\u 2'，'content\u 3'，'content\u 4']

所以我得到了我的数组，然后我想把它放到我的
HTML
中，我通过使用
text
这样做：
$（'.container'）.text（ArrayContent）

我需要分解我的文本，使其当前看起来像：

我想让它看起来像：

如何将阵列拆分，使每个项目都放到新行上？与使用
时一样。text
我将整个数组打印为一个，而不是每个单独的项。
使用foreach循环并添加

标记以转到下一行：

var contentToInsert;

$.each(arrayContents,function(value){
    contentToInsert += value + "<br>";
});

$('.container').html(arrayContents);

var contentToInsert；
$.each（数组内容、函数（值）{
contentToInsert+=value+“
”；
});
$（'.container'）.html（ArrayContent）；
您需要使用html（）而不是text（），请选中此项

var htm = '';

var arrayContents = ['content_1','content_2','content_3'];

arrayContents.forEach(function(item){
  htm += item + '<br />'; // break after each item
});

$('.container').html(htm);

var htm=''；
var arrayContents=['content_1'、'content_2'、'content_3']；
ArrayContent.forEach（函数（项）{
htm+=item+'
'；//在每个项目后中断
});
$（'.container'）.html（htm）；
实际上
.text（）
使用字符串值。您传递了一个数组，这导致“引擎”调用arrayContents.toString（）从数组中获取字符串。如您所见，此函数用逗号分隔每个条目

如果要在一列上生成输出，则必须生成HTML（如图所示），或通过javascript DOM函数（）编辑div对象：

for（var i=0；i

确定您想要生成哪种HTML。
谢谢！这就是我想要的，为什么我需要使用
html
而不是
text
？
for (var i = 0; i < arrayContents.length; i++) {

  var currentElement = document.createElement("DIV"); // "DIV" or block-type element
  var currentText = document.createTextNode(arrayContents[i]);
  currentElement.appendChild(currentText);
  document.getElementById("container").appendChild(currentElement);
}