Question

我正在尝试允许用户在textarea中单击，当他们开始输入时，它会显示最初隐藏的div。这是我的脚本和HTML，但这不起作用，不知道我哪里出错了。

    <head>
<script type="text/javascript">
document.getElementById("showPanel").onclick = function() {
    document.getElementById("thePanel").style.visibility = "visible";
}
</script>

</head>
<body>
<textarea name="showPanel" rows="2" cols="35" style="position:absolute; left:0px; top:0px; width:300px; height:50px;"></textarea>
<div id="thePanel" style="position:absolute;left:0px;top:100px;width:300px;height:200px;background: red; visibility:hidden;">
</div>
</body>

</html>

Answer 1

根据这些人在上面评论的内容进行一些细微的更改。

在textarea

移动JS脚本，以便在调用JS之前存在元素。

<html>
  <head>
  </head>
  <body>
     <textarea name="showPanel" id="showPanel" rows="2" cols="35" style="position:absolute; left:0px; top:0px; width:300px; height:50px;"></textarea>
     <div id="thePanel" style="position:absolute;left:0px;top:100px;width:300px;height:200px;background: red; visibility:hidden;">
     </div>

     <script type="text/javascript">
        document.getElementById("showPanel").onclick = function() {
          document.getElementById("thePanel").style.visibility = "visible";
        }
     </script>

  </body>

</html>

Javascript不适用于：onclick显示来自textarea的隐藏div

1 个答案: