как вставить картинку в js
Ответы
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