как вставить картинку в js

Аватар пользователя Aleksey
Aleksey
02 апреля 2023

Для создания изображения можем создать элемент <img> с помощью метода createElement. Далее, чтобы добавить изображение на веб-страницу, нужно установить соответствующие свойства этому элементу.

Определим, где должно расоплагаться изображение (родительский контейнер).

<div id="image-container"></div>

Теперь напишем js код:

// Создаем элемент изображения
const img = document.createElement('img');

// Устанавливаем путь к изображению
img.src = 'path/to/image.jpg';

// Устанавливаем альтернативный текст для изображения
img.alt = 'Описание изображения';

// Получаем контейнер, куда нужно вставить изображение
const container = document.querySelector('#image-container');

// Вставляем изображение в контейнер
container.append(img);

Этот код создаст элемент <img>, устанавливает ему путь и альтернативный текст, а затем добавляет его в контейнер, который имеет идентификатор image-container.

0 0
Познакомьтесь с основами JavaScript бесплатно