вставить список однотипных элементов в div на чистом js
При нажатии на кнопку получаются данные из бекенда, в размере 10 штук однотипных объектов. Мне нужно как-то на чистом js насоздавать div конструкций, куда будут помещены пришедшие данные, и вывести это все в нужный div на страницу, как можно это сделать?
Ответы (1 шт):
Автор решения: ksa
→ Ссылка
как-то на чистом 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>