Question

我正在尝试制作一个提示框，其中您单击一个div，另一个从visibility = hidden转到visibility = visible。到目前为止这是我的代码，我不知道为什么它不起作用。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="C.K.">
        <title></title>
        <link rel="stylesheet" href="./css/main.css">
        <script type="text/js">
            document.getElementById("addpanel").onclick = document.getElementById("selector").style.visibility = "visble";
        </script>
    </head>
    <body>
        <div id="selector">
            SELECTOR
        </div>
        <div id="addpanel">
            <table id="add">
                <tr>
                    <td id="plus">+</td>
                </tr>
                <tr>
                    <td>Add New Item</td>
                </tr>
            </table>
        </div>
    </body>
</html>

Answer 1

检查出来：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="C.K.">
        <title></title>
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <div id="selector">
        SELECTOR
    </div>
    <div id="addpanel">
        <table id="add">
            <tr>
                <td id="plus">+</td>
            </tr>
            <tr>
                <td>Add New Item</td>
            </tr>
        </table>
    </div>
   <script type="text/javascript">
    document.getElementById("selector").style.visibility = "hidden";
    document.getElementById("addpanel").onclick = function(){document.getElementById("selector").style.visibility = "visible";};
   </script>
</body>

Answer 2

HTML从上到下进行解析。您的脚本将立即运行，以防它产生更多HTML供解析器处理（例如使用document.write）。在document.getElementById("addpanel").onclick时，addpanel不存在，因为HTML解析器尚未到达它。

将<script>块移到apppanel元素的结束标记之后。

此外，onclick需要是一个功能。所以它会是：

document.getElementById("addpanel").onclick = function() {
  document.getElementById("selector").style.visibility = "visible"
}

快速工作示例：https://jsfiddle.net/m2q6ubuv/

Answer 3

试试这个

function show（）{   document.getElmenetById（＆＃39; selector＆＃39;）。style.visibility =＆＃39; visible＆＃39 ;; }

然后只需将onclick='show()'作为属性添加到您想要成为按钮的标记中。另外，您应该将JavaScript放在页面末尾，只是</body>标记的第一个。

单击Div使另一个Div出现

3 个答案: