添加一个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元素

回答

相关问题