添加一個onclick事件到一個div元素

我看到它確實幫助一些類似的主題，但我有具體的問題，並沒有設法獨自解決它，如果有人能幫忙我將不勝感激添加一個onclick事件到一個div元素

我想將onclick事件添加到div元素。

HTML：

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')"></div>

JavaScript的：

function klikaj(i) 
{ 
    document.getElementById(i).style.visibility='visible'; 
}

求購結果：DIV使用id = 「RAD1」（這是隱藏的）變爲可見，當使用id = 「thumb0」 DIV點擊。

這工作時，我將它添加到按鈕元素，但不知道它如何與div元素。

來源

2012-10-18 Slovenec

你想點擊一個空的div嗎？ – Musa

是否有可能你的div是通過「display：none」而不是隱藏規則來隱藏的？ –

是的，它基本上是空的，但有CSS背景圖像添加。所以我有點嘗試點擊圖片。 – Slovenec

我不確定是什麼問題;運行下面按預期工作：

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')">knock knock</div> 
<div id="rad1" style="visibility: hidden">hello world</div> 
<script> 
function klikaj(i) { 
    document.getElementById(i).style.visibility='visible'; 
} 
</script>

參見：http://jsfiddle.net/5tD4P/

來源

2012-10-18 01:36:20

雖然這兩個div都有在css中分配的背景圖片。也許這會像你剛剛嘗試的那樣工作，只有當我在html中使用img標籤而不是背景圖片時！ – Slovenec

@Slovenec如果你使用背景圖像，你必須檢查點擊處理程序的內部*用戶點擊哪裏來做出決定;定期''標籤會顯然更好地工作。 –

我認爲你正在使用//--style="display:none"--//隱藏的股利。

使用此代碼：

<script> 
    function klikaj(i) { 
     document.getElementById(i).style.display = 'block'; 
    } 
</script> 
<div id="thumb0" class="thumbs" onclick="klikaj('rad1')">Click Me..!</div> 
<div id="rad1" class="thumbs" style="display:none">Helloooooo</div>

來源

2012-10-18 09:22:13 ARUNRAJ

取決於你是如何隱藏你的DIV，diplay =無不同的可見性=隱藏和不透明度= 0

能見度然後使用...風格。能見度='可見' 顯示然後使用... style.display ='block'（或其他人取決於你如何設置你的css，inline，inline-block，flex ...）不透明度然後使用... style.opacity = '1';

來源

2017-10-20 14:08:37

添加一個onclick事件到一個div元素

回答

相關問題