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

无论其

如果我执行＆＃34;反向＆＃34;，从正常到隐藏，它可以正常使用此代码：

<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是inline elements之一，而不是block element。

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

但是，如果你说normal你的意思是回到以前的显示模式，那么计算应用任何CSS规则，那么我会选择@ArunPJohny提出的解决方案{{3} }。只需删除显示模式。

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

Answer 2

没有display:normal，但这里有一个例子：

＆＃13;

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

＆＃13;

<img alt="" id="loadingImage" 
src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Wikipedia-logo-v2-pt.png" style=""/>

<a href="#" onclick="window.show()">show</a>
<a href="#" onclick="window.hide()">hide</a>

＆＃13;

Answer 3

样式没有显示：正常; 拥有的显示：无;没有显示显示：块;显示

替换 img.style.display =“normal”; 在这 img.style.display =“block”;

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

Answer 4

使用display＆＃34; block＆＃34;

img.style.display = "block";

希望这会对你有所帮助!!

Answer 5

使用以下风格

img.style.display = "block";

Answer 6

请试试这个

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

Answer 7

你可以使用这个功能

function show() {    
  var contentId =
     document.getElementById("loadingImage");   // Toggle   
     contentId.style.display == "block" ? contentId.style.display = "none"
    :  contentId.style.display = "block";  }


<img alt="" id="loadingImage" 
    src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Wikipedia-logo-v2-pt.png" style=""/>

<a href="#" onclick="window.show()">toggle</a>

Answer 8

似乎没有＆＃34;正常＆＃34;显示的属性值，但您可以使用＆＃34;阻止＆＃34;，以显示图片。您可以在w3shools

中找到更多详细信息

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

8 个答案: