如何通過點擊隱藏在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是一個變量。