html中的自毁按钮

Question

是否可以销毁html按钮。如果点击它，因为它在点击后已经达到了目的。

Answer 1

您可以使用JavaScript执行此操作：

<button onclick="this.parentNode.removeChild(this)">Label</button>

Answer 2

是的，可以通过使用JavaScript将其CSS属性“display”设置为“none”。

另见Seven ways to toggle an element with JavaScript。

Answer 3

我认为你也可以通过

来做

<input type="button" onclick="this.style.visibility='hidden';">

Answer 4

是的，您可以禁用或隐藏它。例如：

<input type="button" onclick="this.disabled=true;" />

但是，如果对提交按钮执行此操作，则可能无法正常工作。该按钮的值不会包含在表单数据中，因此如果服务器查找按钮数据以找出导致表单提交的内容，则无法找到它。

Answer 5

是的，你可以这样做：

<input type="button" onclick="this.style.display = 'none';">