Question

我有一个数组“DArr”，我想显示所有内容。我使用此代码将输入设置为html id

 document.getElementById("output").innerHTML = [DArr];

预期的输出采用此格式

1,2,3,4,5

我想要的是这种格式的输出

1

2

3

4

5

我该如何实现？

Answer 1

试试这个：

var output = document.getElementById("output");
var dArr = [1,2,3,4,5];

dArr.forEach(
  function(val) {
    var newEl = document.createElement('div');
    newEl.textContent = val;
    output.appendChild(newEl);
  }
);

<div id="output"></div>

或试试这个：

dArr = [2,3,4,5,6];

document.getElementById('output').innerHTML = dArr.join('<br/>');

<div id="output"></div>

Answer 2

使用join函数尝试此操作：

document.getElementById("output").innerHTML = DArr.join("<br />");

文档here

Answer 3

innerHTML可以接受一串HTML。您可以将其与Array.join结合使用，将输出与<br />标记相结合，以创建所需的效果：

var html = DArr.join('<br />');
// 1<br />2<br />3<br />4<br />5

document.getElementById("output").innerHTML = html;

如何更改数组输出

3 个答案: