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

Question

我是 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

Answer 1

你应该使用 innerHTML 而不是 textContent 与 <br /> .
与 textContent ，“值未被解析为 HTML”；见Differences from 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>