Как добавить изображение в DOM с помощью JavaScript

Мне нужно было программно добавить изображение вДОМдругими словами, на HTML-страницу динамически.

Для этого я создалimgэлемент, использующийcreateElementметод объекта Document:

const image = document.createElement('img')

Затем я установилsrcатрибут изображения:

image.src  = '/picture.png'

(Вы можете использовать относительный или абсолютный URL, как и в обычном HTMLimgтег)

Затем я определил контейнер, в который хочу добавить изображение, и вызвалappendChild()метод на нем:

document.querySelector('.container').appendChild(image)

Скачать мою бесплатнуюРуководство для начинающих по JavaScript


Больше руководств по браузеру: