Javascript将样式显示从无更改为正常不起作用

Question

这是我的图像：

<img alt="" id="loadingImage" src="Images/ajax-loader.gif" style="display:none"/>

我想用 javascript 显示图像，这是我的代码，它不起作用：

function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "normal";
}

然而

如果我做“反向”，从正常到隐藏它可以很好地使用以下代码：

<img alt="" id="loadingImage" src="Images/ajax-loader.gif" style="display:normal"/>

function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "none";
}

我不明白这个，我做错了什么？

Answer 1

首先，您可以从收到的答案和评论中推断出，没有normal显示。

现在，如果您说normal要返回默认img显示模式，那么您应该选择display: inline. 几乎所有的答案都假设这block是正常的。但是img是内联元素之一，而不是块元素。

function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "inline";
}

但是，如果您说normal要返回到之前的显示模式，即应用任何 CSS 规则计算出来的模式，那么我会选择@ArunPJohny comment提出的解决方案。只需删除显示模式。

function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "";
}