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 时你的意思是回到默认的 img 显示模式，那么你应该选择 display: inline。几乎所有的答案都假定 block 是正常的。但是 img 是 inline elements 之一，而不是 block element 。

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 = "";
}