Question

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

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

HTML：

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

JavaScript的：

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

想要的结果：当id =“thumb0”的div上点击时，带有id =“rad1”（隐藏）的div变为可见。

当我将它添加到按钮元素但不知道它与div元素的关系时，这是有效的。

Answer 1

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

<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/

Answer 2

也许你的脚本标签有问题。

如果您设置了类型，则必须 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>

Answer 3

取决于你如何隐藏你的div，diplay = none与visibility = hidden和opacity = 0不同

可见性然后使用... style.visibility ='visible' 显示然后使用... style.display ='block'（或其他依赖于你如何设置ur css，inline，inline-block，flex ...）然后使用不透明度... style.opacity ='1';

Answer 4

我认为您正在使用//--style="display:none"--//隐藏div。

使用此代码：

<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>

Answer 5

有可能，我们可以在

中指定onclick事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="thumb0" class="thumbs" onclick="fun1('rad1')" style="height:250px; width:100%; background-color:yellow;";></div>
<div id="rad1" style="height:250px; width:100%;background-color:red;" onclick="fun2('thumb0')">hello world</div>
<script>
function fun1(i) {
    document.getElementById(i).style.visibility='hidden';
}
function fun2(i) {
    document.getElementById(i).style.visibility='hidden';
}
</script>
</body>
</html>

将onclick事件添加到div元素

5 个答案: