如何通过点击隐藏在JavaScript中的div来触发某个功能？

Question

我有一个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"; 
} 

但上述不工作，请建议的另一种方法。

Answer 1

而不是设置显示为none或能见度隐藏的，我会改变的不透明度改为：

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是一个变量。