在Javascript中隐藏按钮

Question

在我的最新程序中,有一个按钮,单击时会显示一些输入弹出框.这些盒子消失后,我该如何隐藏按钮？

Answer 1

您可以将其visibility属性设置为hidden.

这是一个小演示,其中一个按钮用于切换另一个按钮:

<input type="button" id="toggler" value="Toggler" onClick="action();" />
<input type="button" id="togglee" value="Togglee" />

<script>
    var hidden = false;
    function action() {
        hidden = !hidden;
        if(hidden) {
            document.getElementById('togglee').style.visibility = 'hidden';
        } else {
            document.getElementById('togglee').style.visibility = 'visible';
        }
    }
</script>

Answer 2

visibility=hidden

非常有用,但它仍会占用页面上的空间.你也可以使用

display=none

因为它不仅会隐藏对象,还会使它在显示之前不会占用空间.(另请注意,显示屏的对面是"块",而不是"可见")

Answer 3

这样的东西应该删除它

document.getElementById('x').style.visibility='hidden';

如果你要做很多这种dom操作可能值得看看jquery