图像未动态显示

图像未动态显示

问题描述：

我在隐藏属性中隐藏了一个图像在我的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>

答

如果您正在设置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>

答

你居然忘了分配的东西该变量在函数

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"); 

}

答

您需要更改并应用visibility CSS。

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

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

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

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

答

<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>

相关推荐