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