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

次の2つのステートメントは、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 に答える