javascript オブジェクトをhtml上に表示する

javascript オブジェクトをhtml上に表示する

javascriptで、JSON.stringifyを使用して、オブジェクトの中をhtml上に表示するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

JSON.stringify使い方

JSON.stringifyを使用すると、オブジェクトjson文字列に変換することができるので、これを使用します。

実行結果

サンプルコード

以下は、
「表示」ボタンをクリックして、用意したオブジェクトをjson文字列に変換してフロントに表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

フロントにオブジェクトが表示されていることが確認できます。