如何在运行时使用javascript隐藏图像

how do hide an image at runtime using javascript?

本文关键字:javascript 隐藏 图像 运行时      更新时间:2023-09-26

在windows 8现代应用程序中的html5文件中,我定义了两个图像标签。第一个图像的名称是上一个,另一个图像的名字是下一个。当应用程序第一次加载时,我希望不显示"上一个"图像,而应显示"下一个"图片。

我还没有为这两个图像分配任何源。当应用程序第一次加载时,我为"下一个"图像分配了一些源,并成功加载。但方形的"上一个"图标仍然显示。我希望它在此处不显示任何内容。还有后面的一点,我想完全隐藏"下一个"图像。

在这两种情况下,当我没有分配源时,都会显示正方形。

关于如何隐藏图像以便不显示任何内容的任何建议。

设置他们的style.visibility属性怎么样?

var mImg = document.getElementById('idOfFirstImage');
mImg.style.visibility = "hidden";
mImg = document.getElementById('idOfSecondImage');
mImg.style.visibility = 'visible';