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

2 года назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для создания изображения можем создать элемент <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.

2 года назад

Aleksey

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

2 месяца

React

Навык разрабатывать быстрые и удобные интерфейсы, открывающий доступ к интересным вакансиям в крупных компаниях

2 месяца

Typescript

Навык снижать ошибки, упрощать отладку, повышать качество кода и ускорять разработку с автодополнением и типизацией

Похожие вопросы