JSON.stringify 以漂亮的打印方式输出到 div

Question

我 JSON.stringify 一个 json 对象

result = JSON.stringify(message, my_json, 2)

上面参数中的 2 应该可以漂亮地打印结果。如果我做类似 alert(result) 的事情，它会这样做。但是，我想通过将其附加到 div 中来将其输出给用户。当我这样做时，我只会显示一条线。 （我认为它不起作用，因为中断和空格没有被解释为 html？）

{ "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 }

有没有办法以漂亮的打印方式将 JSON.stringify 的结果输出到 div？

原文由 Alexis 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

请使用 <pre> 标签

演示：http: //jsfiddle.net/K83cK/

 var data = {
 "data": {
 "x": "1",
 "y": "1",
 "url": "http://url.com"
 },
 "event": "start",
 "show": 1,
 "id": 50
 }

 document.getElementById("json").textContent = JSON.stringify(data, undefined, 2);

 <pre id="json"></pre>

原文由 Diode 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

确保 JSON 输出位于 <pre> 标记中。

原文由 Adam 发布，翻译遵循 CC BY-SA 3.0 许可协议