как распарсить json в html javascript

Всем добрый день, подскажите пожалуйста, у меня есть форма, в зависимости от того какую операцию выберет пользователь, в html будут динамически добавлены поля соответствующие выбранной операции, например пользователь ввел имя фамилию и указал товар из указанного списка, например Автомобиль, будут загружены поля соответствующие автомобилю. Есть json файл содержащий структуру полей HTML, как распарсить json файл чтобы получилась строка которую можно будет вставить методом insertAdjacentHTML.

{

    "div": [
      {
        "@class": "input-group mb-3",
        "div": {
          "@class": "input-group-prepend",
          "span": {
            "@class": "input-group-text",
            "@id": "basic-addon",
            "#text": "Год постройки"
          }
        },
        "input": {
          "@type": "text",
          "@id": "estate_year",
          "@class": "form-control",
          "@placeholder": "2004",
          "@aria-label": "2004",
          "@aria-describedby": "basic-addon1"
        }
      },
      {
        "@class": "input-group mb-3",
        "div": {
          "@class": "input-group-prepend",
          "span": {
            "@class": "input-group-text",
            "@id": "basic-addon1",
            "#text": "Общая площадь"
          }
        },
        "input": {
          "@type": "text",
          "@id": "estate_S",
          "@class": "form-control",
          "@placeholder": "102кв.м",
          "@aria-label": "102кв.м",
          "@aria-describedby": "basic-addon1"
        }
      },
      {
        "@class": "input-group mb-3",
        "div": {
          "@class": "input-group-prepend",
          "span": {
            "@class": "input-group-text",
            "@id": "basic-addon2",
            "#text": "Доп. информация"
          }
        },
        "input": {
          "@type": "text",
          "@id": "estate_info",
          "@class": "form-control",
          "@placeholder": "бла бла бла",
          "@aria-label": "бла бла бла",
          "@aria-describedby": "basic-addon1"
        }
      }
    ]
  }

Год постройки

          <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text" id="basic-addon1">Общая площадь</span>
            </div>
            <input type="text" id="estate_S" class="form-control" placeholder="102кв.м" aria-label="102кв.м" aria-describedby="basic-addon1">
          </div>
          <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text" id="basic-addon2">Доп. информация</span>
            </div>
            <input type="text" id="estate_info" class="form-control" placeholder="бла бла бла" aria-label="бла бла бла" aria-describedby="basic-addon1">
          </div>