Задать вопрос
JoeSmith3100
@JoeSmith3100
Начинающий программист C#
javascript

Как отрисовать картинку с помощью голого js?

Допустим у нас есть папка с небольшим сайтом:
-images
index.html
sources.js

в папке images лежит одна единственная картинка background.bmp, а содержимое файла index.html является таковым:
<html>
	<head>
		<meta charset="UTF-8">
		<script language="javascript" type="text/javascript" src="sources.js"></script>
	</head>

	<body>
	</body>
</html>


Вопрос: что нужно записать в файл sources.js не трогая index.html чтобы отобразить картинку в браузере?
  • Вопрос задан
  • 237 просмотров
3 комментария
Подписаться 1 Простой 3 комментария
Решения вопроса 1
@goshaLoonny
UDP: 
document.addEventListener("DOMContentLoaded", function(event) {
  var img = new Image();
  img.src = 'images/background.bmp';

  document.body.appendChild(img);
});
Ответ написан
7 комментариев
7 комментариев
Пригласить эксперта
Ответы на вопрос 2
GavriKos
@GavriKos
https://flaviocopes.com/how-to-add-image-dom/
Ответ написан
Комментировать
Комментировать
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
document.body.innerHTML = '<img src="test.png"/>'
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать продающую и сео-оптимизированную структура для сайта
22 нояб. 2024, в 09:42
30000 руб./за проект
Создать анимацию 3д в которой идет монтаж двери
22 нояб. 2024, в 09:18
10000 руб./за проект
Обработать фото в стиле ASCII
22 нояб. 2024, в 08:04
1 руб./за проект
Ещё заказы