Что делать, если нужно добавить картинку в DOM или, иными словами, динамически интегрировать ее в уже существующий HTML-документ.

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

const image = document.createElement('img')

После этого необходимо создать атрибут src изображения:

image.src  = '/picture.png'

Можно использовать абсолютные и относительные ссылки, как и при работе с атрибутами HTML-тега img.

И, наконец, нужно создать контейнер, в котором будет размещена картинка с помощью метода appendChild:

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

Спасибо за внимание.