☰

JSON.stringify 出力を div にきれいに印刷する方法 質問する

tag-icon • tag-icon javascript html json pretty-print stringify
JSON.stringify 出力を div にきれいに印刷する方法 質問する

私はJSON.stringifyJSONオブジェクト

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

上記の引数のは2、結果をきれいに印刷するはずです。 のような操作を行うと、これが実行されますalert(result)。ただし、これを div 内に追加してユーザーに出力したいのです。これを行うと、1 行だけが表示されます。(改行とスペースが HTML として解釈されていないため、機能していないと思います。)

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

結果をJSON.stringifydiv にきれいに出力する方法はありますか?

ベストアンサー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>

おすすめ記事