在JavaScript中用一个按钮替换另一个按钮

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>

var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");

button1.addEventListener("click", function() {
  // 创建一个新的按钮元素
  var newButton = document.createElement("button");
  newButton.innerHTML = "新按钮";

  // 替换按钮1
  button1.parentNode.replaceChild(newButton, button1);

  // 更新按钮引用
  button1 = newButton;
});

button2.addEventListener("click", function() {
  // 创建一个新的按钮元素
  var newButton = document.createElement("button");
  newButton.innerHTML = "新按钮";

  // 替换按钮2
  button2.parentNode.replaceChild(newButton, button2);

  // 更新按钮引用
  button2 = newButton;
});