Как создать скрытый <img>в JavaScript?

Question

Как создать простой тег, такой как <img src="a.gif">, скрытый программно с помощью JavaScript?

Answer 1

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

Чистый HTML

<img src="a.gif" style="display: none;" />

Или ...

HTML + Javascript

<script type="text/javascript">
document.getElementById("myImage").style.display = "none";
</script>

<img id="myImage" src="a.gif" />

Answer 2

Этот вопрос неопределенный, но если вы хотите сделать изображение с помощью Javascript. Это просто.

function loadImages(src) {
  if (document.images) {
    img1 = new Image();
    img1.src = src;
}
loadImages("image.jpg");

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

Пример

Answer 3

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

document.images['imageName'].style.visibility = hidden;

Если это не то, что вам нужно, вам нужно объяснить более четко.

Answer 4

Как насчет

<img style="display: none;" src="a.gif">

Это полностью отключит дисплей и не оставит заполнитель

Answer 5

Попробуйте установить стиль отображения = нет:

<img src="a.gif" style="display:none">