gpt4 book ai didi

Javascript 不适用于 : onclick show hidden div from textarea

转载 作者:太空宇宙 更新时间:2023-11-04 13:22:15 25 4
gpt4 key购买 nike

我试图让用户点击一个文本区域,当他们开始输入时,它会显示一个最初隐藏的 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>

最佳答案

只是根据上面这些人的评论做了一些小改动。

  • textarea 中添加了一个 id
  • 移动 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 show hidden div from textarea,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23975717/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com