Question

我想创建一个仅在按钮点击后才显示的字段到目前为止，我的代码是：

            <div class="control-group" style="display:none" id="passwordfield">
                <label class="control-label">Password:</label>

                <div class="controls"><input id="pw" type="password"></div>
            </div>

＆＃34;显示：无＆＃34;让它变得不可见，之后我有了我的按钮和一个javascript，它应该将显示更改为＆＃34;阻止＆＃34;，从而再次显示它。

            <div style="padding-left: 160px;padding-bottom:20px">
                <button class="btn btn-primary" onclick="showPWField()">Log-In</button>
                <script>
                    function showPWField() {
                        document.getElementByID("passwordfield").style.display = "block";
                    }
                </script>
            </div>

但它不起作用。该函数被调用我测试了一个警报，但我无法改变样式：/

提前感谢您的帮助

Answer 1

错误是getElementByID不存在，您应该使用getElementById：

function showPWField() {
    document.getElementById("passwordfield").style.display = "block";
}

＆＃13;

<div class="control-group" style="display:none" id="passwordfield">
                <label class="control-label">Password:</label>

                <div class="controls"><input id="pw" type="password"></div>
            </div>

      <div style="padding-left: 160px;padding-bottom:20px">
            <button class="btn btn-primary" onclick="showPWField()">Log-In</button>
            <script>
                function showPWField() {
                    document.getElementById("passwordfield").style.display = "block";
                }
            </script>
        </div>

＆＃13;

Answer 2

Javascript是区分大小写的，你使用的方法是getElementByID（）在javascript中不起作用，最好使用getElementById（）

function showPWField（）{ document.getElementById（“passwordfield”）。style.display =“block”; } enter code here

按钮单击后显示新字段

2 个答案: