我在 Javascript 中有一个 div,它最初是隐藏的。现在我希望这个 div 在我通过猜测它的位置单击它时再次显示,因为它对我来说是不可见的,但我无法触发 Javascript使它再次可见的功能。那么实现相同目标的替代方法是什么。
示例代码如下:
<div id="box"style="width:400px; height:300px; background-color:black; visibility:hidden" onclick="show(box)">
函数如下:
function show(id) {
document.getElementById(id).style.visibility = "visible";
}
但是上面的方法不行,请推荐一个替代方法。
最佳答案
我没有将显示设置为无或将可见性设置为隐藏,而是更改了不透明度:
function show(id) {
document.getElementById(id).style.opacity = 1;
}
<div id="box" style="width:400px; height:300px; background-color:black; opacity:0" onclick="show('box')">
另请注意,您的事件处理程序 (onclick="show('box')"
) 中需要引号,否则浏览器会假定 box
是一个变量。
关于javascript - 如何通过单击隐藏在 JavaScript 中的 div 来触发函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29424768/