HTML中的自毁按钮

Question

是否有可能破坏一个html按钮。 如果单击，因为它在单击后已经达到了目的。

Answer 1

您可以使用JavaScript：

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

Answer 2

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

另请参见使用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';">