0

I am hidding one image in my html page using hidden property. but i am not able to make it visible through java script by document.getElementById("check").style.visibility="visible"; my code is

   <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

visibilityCSSを変更して適用する必要があります。

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

スクリプトを使用して、ロード時の可視性を設定することをお勧めします。

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

時々、CSSで定義すると、機能しません。

于 2012-07-12T09:33:08.773 に答える
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 に答える