转义脚本以隐藏/显示 textarea答案

【问题标题】：Escape script to hide/reveal textarea转义脚本以隐藏/显示 textarea
【发布时间】：2020-10-18 20:06:11
【问题描述】：

我需要单击按钮以显示文本区域，以便用户可以在上传图像或文本消息之间进行选择。当我运行页面时，我可以看到隐藏/可见元素启动，但它不会保持在新状态。它会立即恢复到最初设置的状态。

我猜我没有正确地转义脚本。有什么想法吗？

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Site Media</title>
</head>
<header id="headtitle">

</header>

<body>
    <div id="PostContainer"><br>
        <textarea id="textmessage" rows="7" cols="40" maxlength="280" placeholder="Enter message here..." width="100%" style="visibility: hidden"></textarea><br>
    
        <form class="UploadButtonContainer">
            <button id="textbutton" type="submit" name="submit" onclick="revealinput()"  style="display: none;"></button>
            <label for="textbutton" style="cursor: pointer;" ><img src="Images/AYE PING.png" width="30%" alt="Choose Text Post" >
            </label>
        </form>
            <script>
                function revealinput() {
                    var x = document.getElementById("textmessage");
                    if (x.style.visibility === "hidden") {
                        x.style.visibility = "visible";
                    } else {
                        x.style.visibility = "hidden";
                    }
                }
            </script>

    </div>
</body>
    
</html>

【问题讨论】：

标签： styles textarea visibility getelementbyid

【解决方案1】：

脚本不喜欢按钮位于标签内。我把它改成了一个标签，它现在可以工作了。

【讨论】：