JS：图片没有显示

Question

我想在超时期间显示一个简单的ajax加载动画。图像会隐藏在window.load上，但是当我点击图片并使用onclick= call时，图片就不会显示。

这是我的showImage()方法

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

这是我的div

<div id='welcome' style="display:none">
 Click to continue.<br /><br /><!--Viral Text-->
 <img src="like1.png" width="100" height="44" onclick="likeToUnlock(); showImage();" onmouseover="" style="cursor: pointer;"/>
 <p>&nbsp;</p>
 <img id="loadingImage" src="ajax.gif" style="display:none"/>
</div>

Answer 1

也许 img 上的 style="display:none" 属性是问题...?

Answer 2

没有display:normal，您需要display:inline-block，因为内联块是img的默认显示属性。

document.getElementById('loadingImage').style.display="inline-block";

此外，不会显示包含图像的整个div，因此要显示图像，还必须显示其祖先元素。