将onclick事件添加到div元素

Slo*_*nec 32 javascript dom-events

我看到一些类似的主题确实有帮助,但我有特定的问题,并没有设法解决它,所以如果有人可以帮助我会很感激它

我想将onclick事件添加到div元素.

HTML:

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')"></div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

function klikaj(i)
{
    document.getElementById(i).style.visibility='visible';
}
Run Code Online (Sandbox Code Playgroud)

想要的结果:div = id ="rad1"(隐藏)变为可见,当点击id ="thumb0"的div时.

当我将它添加到按钮元素但不知道它如何与div元素一起使用时,这种方法有效.

Ja͢*_*͢ck 34

我不确定问题是什么; 运行以下工作按预期方式:

<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>
Run Code Online (Sandbox Code Playgroud)

另见:http://jsfiddle.net/5tD4P/


lin*_*yfh 6

也许您的脚本选项卡有问题。

如果您设置类型,则必须type="application/javascript"

<!DOCTYPE html>
<html>
    <head>
        <title>
            Hello
        </title>
    </head>
    <body>
        <div onclick="showMsg('Hello')">
            Click me show message
        </div>
        <script type="application/javascript">
            function showMsg(item) {
            alert(item);
        }
        </script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)