在<p>元素中的数组，每个元素换行显示？

Question

我已经成功地使用以下代码将数组插入到 p 元素中：

document.getElementById("trackdetails").innerHTML = albumarray;

有没有办法让每个数组元素单独占一行呢？谢谢。

- Kier Illingworth

---

请查看forEach以对数组中的每个元素执行操作。 - Bijan

albumarray.join('<br/>) - Kit Fung

你想让每个索引都在自己的段落标签中吗？预期输出是什么？ - epascarello

Answer 1

一个简单的数组连接就可以做到。 如果你正在列举项目，请考虑使用无序列表<ul>更合适。一些背景知识，Array.prototype.join()函数将数组中的所有元素连接成一个字符串，并在它们之间添加提供的参数。同样的方法也适用于将数组转换为逗号分隔的列表。

var array = ["Stuff", "Foo", "Bar"];
document.getElementById('target').innerHTML = array.join('<br />');

<p id="target"></p>

- Mic

Answer 2

使用join方法并传递<br />标签：

document.getElementById("trackdetails").innerHTML = albumarray.join("<br />");

- KAD