javascript - JSON.stringify 以 pretty-print 方式输出到 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 的结果以 pretty-print 方式输出到 div 中？

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>