我使用隐藏属性在 html 页面中隐藏一张图像。但我无法通过 java 脚本使其可见 document.getElementById("check").style.visibility="visible";
我的代码是
<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>
最佳答案
您实际上忘记了在函数中为该变量分配一些内容
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");
}
关于javascript - 图像未动态显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11448860/