вставить список однотипных элементов в div на чистом js

Рейтинг: 2Ответов: 1Опубликовано: 06.03.2023

При нажатии на кнопку получаются данные из бекенда, в размере 10 штук однотипных объектов. Мне нужно как-то на чистом js насоздавать div конструкций, куда будут помещены пришедшие данные, и вывести это все в нужный div на страницу, как можно это сделать?

Ответы

▲ 2Принят

как-то на чистом js насоздавать div конструкций, куда будут помещены пришедшие данные, и вывести это все в нужный div на страницу, как можно это сделать?

Как некая иллюстрация к вопросу - такой вот пример.

const a = [
  {id: 1, name: 'Вася'},
  {id: 2, name: 'Оля'},
  {id: 3, name: 'Петя'},
]

const od = document.querySelector('div')
a.forEach(o => {
  op = document.createElement('p')
  op.textContent = o.name
  od.append(op)
})
<div></div>