如何在JavaScript中创建隐藏的<img/>？

Question

如何使用JavaScript以编程方式隐藏<img src="a.gif">之类的简单标记？

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

怎么样

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

这将完全禁用显示，而不是留下占位符

Answer 3

您可以使用以下javascript隐藏图片：

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

如果那不是你想要的，你需要更清楚地解释自己。

Answer 4

这个问题很模糊，但如果你想用Javascript制作图像。 这很简单。

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

将要求图像，但在您显示之前，它将永远不会显示。 非常适合预加载您希望成为请求的图像，但在文档加载之前将其延迟。

Example

Answer 5

尝试将样式设置为display = none：

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