[解決済み】JSON.stringifyの出力をpretty printでdivに出力する。

質問

I 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にpretty printする方法を教えてください。

どのように解決するのですか？

を使用してください。 <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>