时间戳

首页 > 解决方案 > 如何在单独的行上打印数组的每个元素？

javascript - 如何在单独的行上打印数组的每个元素？

问题描述

我是 JavaScript 新手，我正在尝试为科学 PDF 构建客户端参考提取器。我希望每个参考都在单独的行上。我试过了'\n'，'<br>'它们不起作用。这是一个例子：

references = ["1", "2", "3"];
document.getElementById("output").textContent = references.join('<br>');
<div id="output">
  <div>Extracting...</div>
</div>

我的输出是

1<br>2<br>3

标签： javascriptarraysnewline

解决方案

您应该使用innerHTML而不是textContentwith <br />。
使用textContent，“值不被解析为 HTML”；请参阅与 innerHTML 的差异。

references = ["1", "2", "3"];
document.getElementById("output").innerHTML = references.join('<br>');
<div id="output">
  <div>Extracting...</div>
</div>

您也可以使用innerText，但您必须使用\n行分隔符而不是<br />

references = ["1", "2", "3"];
document.getElementById("output").innerText = references.join('\n');
<div id="output">
  <div>Extracting...</div>
</div>

推荐阅读