Как с помощью javascript вставить картинку в html страницу

Опубликовано 2023.02.04

Чтобы вставить изображение на HTML-страницу с помощью JavaScript, вы можете использовать следующий код:

  1. var img = document.createElement('img');
  2. img.src = 'image.jpg';
  3. img.alt = 'Example image';
  4. document.body.appendChild(img);

Этот код создает элемент img с помощью метода document.createElement, устанавливает для его атрибута src путь к файлу изображения (например, «image.jpg»), а для его атрибута alt — описание изображения. Затем он добавляет изображение в тело HTML-документа с помощью метода appendChild.

Кроме того, вы можете вставить изображение, используя свойство innerHTML, например:

  1. document.body.innerHTML = '<img src="image.jpg" alt="Example image" />';

Чтобы вставить изображение на HTML-страницу с помощью jQuery, вы можете использовать следующий код:

  1. $('<img />', {
  2. src: 'image.jpg',
  3. alt: 'Example image'
  4. }).appendTo('body');

Этот код создает новый элемент img с использованием синтаксиса $('') и устанавливает его атрибуты src и alt. Затем он добавляет изображение к элементу body HTML-документа с помощью метода appendTo.

Вы также можете встроить картинку, используя метод html следующим образом:

  1. $('body').html('<img src="image.jpg" alt="Example image" />');