Задать вопрос
@Alisa94
javascript

Как передать значение js объекта на html страницу?

Я в файле js получаю массив с объектом, который мне нужно передать на html страницу, но не знаю как, пожалуйста подскажите, как это можно осуществить.
Вот объект, который у менять есть
0: {
building: ""
category: "Walls"
family: "Basic Wall"
level: ""
revitid: "281899"
room: ""
symbol: "Wall-Ext_102Bwk-75Ins-100LBlk-12P"
viewid: 3300
}
1: {
building: ""
category: "Walls"
family: "Basic Wall"
level: ""
revitid: "282264"
room: ""
symbol: "Wall-Ext_102Bwk-75Ins-250LBlk-12P 2"
viewid: 3304
}


А вот то место, куда нужно передавать.
<div id="differencesDiv"></div>

В результате я должен получить такой список в этом контейнере:
    • Model
      • Walls
        • Basic Wall
          • Wall-Ext_102Bwk-75Ins-100LBlk-12P
            • Basic Wall [281899]




    • Model
      • Walls
        • Basic Wall
          • Wall-Ext_102Bwk-75Ins-250LBlk-12P 2
            • Basic Wall [282264]






Очень надеюсь на вашу помощь.
  • Вопрос задан
  • 387 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
Это массив, судя по ключам, можно использовать forEach
Но если все же это объект (ключи не порядковые)
let data = {...};
let html = '';
for (let k in data) {
  if (!data.hasOwnProperty(k)) continue;
  let item = data[k];
  html += '<ul>';
  html += '<li>'+item['category']+'</li>';
  html += '<li>'+item['symbol']+'</li>';
  // ...
  html += '</ul>';
}
document.getElementById('differencesDiv').innerHTML = html;
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы