Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript将样式显示从“无”更改为“正常”不起作用_Javascript_Html - Fatal编程技术网

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

Javascript将样式显示从“无”更改为“正常”不起作用,javascript,html,Javascript,Html,这是我的名片: <img alt="" id="loadingImage" src="Images/ajax-loader.gif" style="display:none"/> 然而 如果我做“反向”,从正常到隐藏,它与以下代码配合得很好: <img alt="" id="loadingImage" src="Images/ajax-loader.gif" style="display:normal"/> function changeDisplay() {

这是我的名片:

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

如果我做“反向”,从正常到隐藏,它与以下代码配合得很好:

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

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

函数changeDisplay(){
var img=document.getElementById('loadingImage');
img.style.display=“无”;
}

我不明白,我做错了什么?

没有
显示:正常
,但这里有一个例子:

函数显示(){
var img=document.getElementById('loadingImage');
img.style.display=“inline”;
}
函数hide(){
var img=document.getElementById('loadingImage');
img.style.display=“无”;
}

样式无显示:正常; 有 显示:无;不显示 显示:块;展示

替换 img.style.display=“正常”; 关于这个 img.style.display=“块”

使用显示“块”

img.style.display=“block”

希望这对你有帮助

使用下面的样式

img.style.display = "block";
似乎没有用于显示的“正常”属性值,但您可以使用“阻止”来显示图片。您可以在表单中找到更多详细信息,请尝试此操作

function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "block";
}
你可以使用这个功能

函数show(){
变量contentId=
document.getElementById(“loadingImage”);//切换
contentId.style.display==“块”?contentId.style.display=“无”
:contentId.style.display=“块”;}

首先,您可以根据收到的答案和评论推断,没有
正常显示

现在,如果你说
normal
是想回到默认的
img
显示模式,那么你应该选择
display:inline
。几乎所有的答案都假设
block
是正常答案。但是,
img
是其中之一,而不是一个

然而,如果你说的
normal
是指回到以前的显示模式,即应用任何CSS规则计算的模式,那么我会选择@ArunPJohny提出的解决方案。只需取消显示模式

function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "";
}
请检查可用值。
img.style.display=”“
没有显示:“正常”。
function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "block";
}
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>
function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "inline";
}
function changeDisplay() {
    var img = document.getElementById('loadingImage');
    img.style.display = "";
}