javascript - 如何更改按钮的 onclick 属性引用的功能？

Question

这是我的代码:

function changeText() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
  document.getElementById("myButton").innerHTML = "Change that back";
  document.getElementById("myButton").onclick = "changeBack()";
}

function changeBack() {
  document.getElementById("myHeader").innerHTML = "Hello World!";
  document.getElementById("myButton").innerHTML = "Change text";
  document.getElementById("myButton").onclick = "changeText()";
}

<script src="script.js"></script>

<h1 id="myHeader">Hello World!</h1>
<button id="myButton" ; onclick="changeText()">Change text</button>

我的目标是按钮将在两个功能和文本状态之间来回切换，但所发生的只是它第一次切换文本，然后它不再执行任何操作。我想知道如何正确更改按钮引用的功能。

Answer 1

简单，设置函数本身即可。

document.getElementById("myButton").onclick = changeText;
...
document.getElementById("myButton").onclick = changeBack;