javascript - 如何使用Javascript删除html按钮

Question

我是编程新手，所以如果您能解释一下代码的作用，对我来说会更容易。但无论如何，在我的 Javascript 中的某个时刻，我想让一个按钮消失，并用之前按钮上的文字替换它。我已经尝试查看关于此类事情的其他几个不同问题，但是 this one 太困惑了，我不明白，而且 this one 出于某种原因没有工作。谁能帮我？

谢谢

编辑

这是我的一些 HTML:

<div class="inside">
<form name="form" onsubmit="return false">
    <button id="id1" class="buttonthird" name="Button1" onclick="myFunction1()">Button 1</button>
    <button id="id2" class="buttonthird" name="Button2" onclick="myFunction2()">Button 2</button>
    <button id="id3" class="buttonthird" name="Button3" onclick="myFunction3()">Button 3</button><br/>
    <button id="id4" class="buttonthird" name="Button4" onclick="myFunction4()">Button 4</button>
    <button id="id5" class="buttonthird" name="Button5" onclick="myFunction5()">Button 5</button>
    <button id="id6" class="buttonthird" name="Button6" id="p2" onclick="myFunction6()">Button 6</button>
    </form>
    <h1 class="counter"> <span id="number">0</span> guesses</h1>
<div>

Answer 1

您的 HTML:

<div>
    <button id="my-btn">Hello</button>
</div>

你的JS:

var myBtn = document.getElementById("my-btn"),
    mySpan = document.createElement("span");
mySpan.innerHTML = myBtn.innerHTML ;
myBtn.parentNode.replaceChild(mySpan, myBtn);