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

Question

在 Windows 8 现代应用程序的 html5 文件中，我定义了两个图像标签。第一个图像的名称是前一个图像的名称，另一个图像的名称是下一个图像。当应用程序第一次加载时，我希望不显示“上一个”图像而应该显示“下一个”图像。

我没有为这两个图像分配任何源。当应用程序第一次加载时，我为“下一个”图像分配了一些源，它加载成功。但是仍然显示方形的“上一个”图像图标。我希望它在这里不显示任何内容。稍后我想完全隐藏“下一个”图像。

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

有关如何隐藏图像的任何建议，以便不会显示任何内容来代替它。

Answer 1

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

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

mImg = document.getElementById('idOfSecondImage');
mImg.style.visibility = 'visible';