圖像未動態顯示

我在隱藏屬性中隱藏了一個圖像在我的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>

來源

2012-07-12 V I J E S H

如果您正在設置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-12 09:34:47

你居然忘了分配的東西該變量在函數

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-12 09:32:23

您需要更改並應用visibility CSS。

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

最好使用腳本設置加載的可見性。

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

有時，當你在CSS中定義時，它不起作用。

來源

2012-07-12 09:33:08

<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-12 10:35:53

圖像未動態顯示

回答

相關問題