logo标签列表

点击显示/隐藏图像

javascripthtml
12

我需要在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>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>
尝试将其输入引号中 ...style.visibility = "visible" - laura
不要注释掉你的脚本：http://dorward.me.uk/www/comments-cdata/ - Quentin
6个回答
16

你需要将它用引号括起来 - 它是一个字符串：

document.getElementById('loadingImage').style.visibility='visible';
3
我会使用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;"/>
3
如果其他答案不能满足您的需求，尝试将显示设置为none：
document.getElementById('loadingImage').style.display='none';
1

非常非常抱歉。应该是这样的

  document.getElementById('loadingImage').style.visibility='visible';

可见部分缺少引号。

0

你需要用引号将它括起来，否则 JavaScript 会认为你试图将其设置为名为“visible”的变量的值。由于你没有一个叫做“visible”的变量，所以你会得到一个错误，说它未定义。

document.getElementById('loadingImage').style.visibility='visible';
0

对我来说，这些都没有起作用。你所要做的就是将图像类名设置为具有不透明度的CSS属性。

JavaScript：

document.getElementById('loadingImage').className = "opacityofimage";

CSS：

.opacityofimage {
    opacity:0;
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接