为什么这不会在列表中的每个元素之间跳过一行？答案

【问题标题】：Why does this not skip a line between each element in the list?为什么这不会在列表中的每个元素之间跳过一行？
【发布时间】：2014-06-22 11:52:18
【问题描述】：

我有一个名为 inf_inf 的时间列表，看起来像这样

inf_inf = [[100, 300], [400, 500], [700, 900]]

我正在尝试将该列表传输到 html 页面，但问题是我需要每个时间对 ([100, 300]) 成为自己的行。

document.getElementById("inf_times").innerHTML = JSON.stringify(inf_inf.join("\n"))

我认为这样做可以，但它不起作用。我确定我错过了什么。

【问题讨论】：

【解决方案1】：

使用innerHTML，你可以加入

 ('<br/>');

并且不需要 JSON.Stringify。示例：

 document.getElementById("inf_times").innerHTML = inf_inf.join("<br/>")

【讨论】：

谢谢，成功了。如此简单，我永远不会想到这一点。我正在深入研究不同的字符串化可能性。您碰巧没有关于 JSON.stringify 的良好教程/信息吗？除了谷歌带来的通常的东西。
@RabidGorilla 我已经编辑了一点，希望它有效:)。编辑：JSON.stringify 用于将 JSON 对象解析为字符串，用于存储、显示等......在这种情况下你不需要它。
@RabidGorilla：JSON.stringify你有什么不明白的地方？
“JSON.stringify 用于解析 JSON 对象 [...]”：There's no such thing as a "JSON Object"。你的意思是“JavaScript 对象”。
我只是在玩“替换”和“空格”选项。在这种情况下，我不知道如何让它完成我需要的工作，所以我正在寻找一个页面，其中包含许多不同的示例。我将其用作参考developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…，这很有帮助。再次感谢大家，我确定我需要更多。

【解决方案2】：

你试过了吗？

var inf_inf = [[100, 300], [400, 500], [700, 900]];
document.getElementById("inf_times").innerHTML = JSON.stringify(inf_inf.join("<br/>"));

【讨论】：