0

我正在使用 hidden 属性在我的 html 页面中隐藏一个图像。document.getElementById("check").style.visibility="visible"; 但我无法通过我的代码通过 java 脚本使其可见

   <html>
<head>
<style type="text/css">
</style><script type="text/javascript">
function myFunction()
{
document.getElementById("check").style.visibility="visible";
}
</script>
</head>
<body>
<table> 
<img class="hide" src="check.jpg" id="check" hidden="true" height="300" width="400">
<tr>
<td>
<img src="1.jpeg" onclick="myFunction()">
</td>
4

4 回答 4

2

您实际上忘记在函数中为该变量分配一些东西

function myFunction() {
    document.getElementById("check").style.visibility = "visible";
}

您还必须删除隐藏属性并删除您的“隐藏”类

function hasClass(ele,cls) {
    return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function removeClass(ele,cls) {
    if (hasClass(ele,cls)) {
    var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
    ele.className = ele.className.replace(reg,' ');
}
function myFunction() {
    var ele = document.getElementById("check");
    ele.style.visibility = "visible";
    ele.hidden = "";
    removeClass(ele, "hide");

}
于 2012-07-12T09:32:23.583 回答
1

如果您设置hidden="true"隐藏它，那么您将需要取消设置此属性以再次显示该元素。

<html>
<head>
<style type="text/css">
</style><script type="text/javascript">
function myFunction()
{
    document.getElementById("check").hidden = '';
}
</script>
</head>
<body>
<table> 
<img class="hide" src="check.jpg" id="check" hidden="true" height="300" width="400">
<tr>
<td>
<img src="1.jpeg" onclick="myFunction()">
</td>
于 2012-07-12T09:34:47.063 回答
0 
<html>
<head>      
    <script type="text/javascript">
        function myFunction()
        {
            document.getElementById("check").style.visibility="visible";
        }
    </script>
</head>
<body>
    <table> 
        <img  src="check.jpg" id="check" hidden="true" height="300" width="400" style="visibility:hidden;"/>    
        <tr>
            <td>
                <img src="1.jpeg" onclick="myFunction()">
            </td>
        </tr>
    </table>
</body>

于 2012-07-12T10:35:53.513 回答
0

您需要更改和应用visibilityCSS。

function myFunction()
{
    document.getElementById("check").style.visibility = "visible";
}

最好使用脚本设置负载可见性。

document.getElementById("check").style.visibility = "hidden";

有时，当您在 CSS 中定义时，它不起作用。

于 2012-07-12T09:33:08.773 回答