Добавляем картинку в DOM
Как добавить изображение в DOM с помощью JavaScript
Что делать, если нужно добавить картинку в DOM или, иными словами, динамически интегрировать ее в уже существующий HTML-документ.
Для этого нужно создать элемент img с помощью метода createElement объекта Document:
const image = document.createElement('img')
После этого необходимо создать атрибут src изображения:
image.src = '/picture.png'
Можно использовать абсолютные и относительные ссылки, как и при работе с атрибутами HTML-тега img.
И, наконец, нужно создать контейнер, в котором будет размещена картинка с помощью метода appendChild:
document.querySelector('.container').appendChild(image)
Спасибо за внимание.
