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

一尘不染

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

json

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

阅读 267

2020-07-27

共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>

2020-07-27