Javascript 如何在单击时删除按钮

我对Javascript不是很熟悉，我正在做一个函数，如果单击一个按钮，它将使用其ID删除该按钮

我尝试过不同的解决方案，在那里我可以得到ID，但是我被它的逻辑所束缚

当我点击按钮时，它什么也不做

var myBtn=document.getElementById（“我的btn”），
mySpan=document.createElement（“span”）；
mySpan.innerHTML=myBtn.innerHTML；
myBtn.parentNode.replaceChild（mySpan，myBtn） 使用按钮的
onclick
事件：


var-button=document.getElementById（“我的btn”）；
button.onclick=函数（）{
//只要单击按钮，就会执行此代码
//在处理程序中，“this”指的是按钮
this.parentNode.removeChild（按钮）；
}

你好
HTML：

点击我

删除单击的按钮：

const btn=document.getElementById（'MyButton'）；
btn.addEventListener（“单击”，函数（）{
这个。删除（）；
});

要隐藏它，请替换
this.remove（）
by
this.classList.add（'hidden'）.hidden{display:none；}
或添加
this.setAttribute（'hidden'，'hidden'）

HTML

<button id="me"onclick="myFunction()">Try it</button>

试试看

JS


函数myFunction（）{
var x=document.getElementById（“me”）；
x、 删除（）；
}
只是一个打字错误？如果删除JavaScript末尾的语法错误，它会很好地替换按钮。（注意，它也会立即执行此操作，而不是单击按钮，因为代码没有单击处理程序…）太棒了！谢谢但是你如何永久地移除按钮呢？因为每当我刷新页面时，按钮仍然会返回。@JavsP.Aqui这是一个非常不同的问题。考虑在别处搜索这个部分或者问一个单独的问题；Anis已经回答了你问的问题。@TylerRoper好的。谢谢你的回复！
 <script>
  function myFunction() {
  var x = document.getElementById("me");
  x.remove();
  }
</script>