单击显示/隐藏图像

cra*_*hie 11 html javascript

我需要在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>
Run Code Online (Sandbox Code Playgroud)

Dav*_*d M 16

你需要把它放在引号中 - 它是一个字符串:

document.getElementById('loadingImage').style.visibility='visible';
Run Code Online (Sandbox Code Playgroud)