在我最新的程序中，有一个按钮，单击时会显示一些输入弹出框。这些框消失后，如何隐藏按钮？
在 Javascript 中隐藏按钮
IT技术
javascript
html
button
hide
2021-03-11 00:28:37
6个回答
您可以将其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>
visibility=hidden
非常有用，但它仍然会占用页面空间。你也可以使用
display=none
因为这不仅会隐藏对象，而且会使其在显示之前不占用空间。（还要记住，显示的反面是“块”，而不是“可见”）
像这样的东西应该删除它
document.getElementById('x').style.visibility='hidden';
如果你打算做很多这种 dom 操作可能值得看看 jquery
document.getElementById('btnID').style.visibility='hidden';
//Your code to make the box goes here... call it box
box.id="foo";
//Your code to remove the box goes here
document.getElementById("foo").style.display="none";
当然，如果您正在做很多这样的事情，请使用jQuery