javascript - 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的，因为 inline-block 是 a 的默认显示属性img。

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

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