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

I JSON.stringify一个 json 对象

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

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

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

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

请使用<pre> tag

demo : 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>