Javascript 单击时显示/隐藏图像
我需要在html页面中显示/隐藏图像。我觉得很简单。但为什么我得到错误“可见”未定义Javascript 单击时显示/隐藏图像,javascript,html,Javascript,Html,我需要在html页面中显示/隐藏图像。我觉得很简单。但为什么我得到错误“可见”未定义 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Aja
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Ajax Test
</title>
<script type="text/javascript">
<!--
function showImage(){
document.getElementById('loadingImage').style.visibility=visible;
}
-->
</script>
</head>
<body>
<input type="button" value="Ajax Button" onclick="showImage();"/>
<img id="loadingImage" src="ajax-loader.gif" style="visibility:hidden"/>
</body>
document.getElementById('loadingImage').style.visibility='visible';
Ajax测试
您需要将它放在引号中-它是一个字符串:
document.getElementById('loadingImage').style.visibility='visible';
我会使用Jquery。在Jquery主页上下载它 然后,包括:
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function showImage(){
$("#loadingImage").toggle();
}
</script>
<img id="loadingImage" src="ajax-loader.gif" style="display:none;"/>
函数showImage(){
$(“#加载图像”).toggle();
}
如果其他答案没有给出您想要的结果,请尝试将显示设置为无:
document.getElementById('loadingImage').style.display='none';
您需要将其括在引号中,否则JavaScript会认为您试图将其设置为一个名为“visible”的变量的值。由于没有一个名为“visible”的变量,因此会出现一个错误,表示它未定义
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Ajax Test
</title>
<script type="text/javascript">
<!--
function showImage(){
document.getElementById('loadingImage').style.visibility=visible;
}
-->
</script>
</head>
<body>
<input type="button" value="Ajax Button" onclick="showImage();"/>
<img id="loadingImage" src="ajax-loader.gif" style="visibility:hidden"/>
</body>
document.getElementById('loadingImage').style.visibility='visible';
我非常非常抱歉。应该是
document.getElementById('loadingImage').style.visibility='visible';
周围有许多东西不见了 这些对我都不起作用。您所要做的就是将图像类名设置为具有不透明度的css属性 JavaScript:
document.getElementById('loadingImage').className = "opacityofimage";
CSS:
请尝试在引号中键入它
…style.visibility=“visible”
不要注释掉您的脚本: