4

我是 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>
4

4 回答 4

13

代替

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

和

document.getElementById("case").style.display='block';
于 2013-01-29T08:57:13.220 回答
6

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

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

或将您的文本框作为可见性隐藏而不是 display:none

<input type="text" name=<name> style="visibility:hidden"/>
于 2013-01-29T08:55:13.967 回答
4

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

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

或者

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

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

document.getElementById("case").style.display='none';
于 2014-12-02T14:46:52.353 回答
0

Display:none 适用于 HTML 隐藏按钮

于 2017-04-26T15:18:58.990 回答