Question

我是javascript的初学者。我想在点击按钮上显示隐藏的文本框。我执行以下代码，但它不起作用。

我的代码有什么问题？

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
        function display() {
            var z = prompt("enter your name...");
            if(z != null) {
                document.getElementById("demo").innerHTML = "thankyou " + z + "..";
                document.getElementById("case").style.visibility = 'visible';
            } else {
                document.getElementById("demo").innerHTML = "thankyou";
            }
        }
        </script>
        <title></title>
    </head>
    <body>
        <p id="demo">
            click on the button.....
        </p><button type="button" onclick="display()">submit</button>
        <form>
            <input type="text" id="case" name="myText" style="display:none">
        </form>
    </body>
</html>

Answer 1

替换

document.getElementById("case").style.visibility='visible';

与

document.getElementById("case").style.display='block';

Answer 2

将样式更改为显示块而不是可见性

document.getElementById("case").style.display='block';

或将文本框隐藏为可见性而不是display：none

<input type="text" name=<name> style="visibility:hidden"/>

Answer 3

以下两个语句将显示id为“case”的元素：

document.getElementById("case").style.display='block';

或

document.getElementById("case").style.display='';

以下语句将隐藏id为“case”的元素：

document.getElementById("case").style.display='none';

Answer 4

显示：无法正常使用HTML来隐藏按钮

隐藏并显示文本字段

4 个答案: