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

【问题标题】：How to create a hidden <img> in JavaScript?如何在 JavaScript 中创建隐藏的 <img>？
【发布时间】：2015-11-12 21:50:48
【问题描述】：

如何使用 JavaScript 以编程方式隐藏像 <img src="a.gif"> 这样的简单标签？

【问题讨论】：

【解决方案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" />

【讨论】：

显示：无；是我需要的。谢谢
如果我想显示图像怎么办？应该是 .style.display = true; ?
要显示图像，它将是 .style.display = "inline-block"，这将是 img 的默认显示行为。此处描述了所有可能的显示选项...css-tricks.com/almanac/properties/d/display

【解决方案2】：

您可以像这样使用 javascript 隐藏图像：

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

如果这不是你所追求的，你需要更清楚地解释自己。

【讨论】：

【解决方案3】：

怎么样

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

这将完全禁用显示，并且不会留下占位符

【讨论】：

【解决方案4】：

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

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

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

【讨论】：

【解决方案5】：

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

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

【讨论】：