javascript - 使用 javascript 更改 html 文本并再次返回

Question

如何使用我的函数更改文本，并通过单击按钮使用相同的函数返回相同的初始文本？

下面是我的 HTML 代码:

<h1 id="change">Hello</h1>
<button onclick ="myFunction()">click</button>

下面是我的 JavaScript 代码

function myFunction(){
  document.getElementById("change").innerHTML = "just changed text";

}```

Answer 1

使用您要使用的文本创建一个变量，每当替换文本时，将以前的文本保存在该变量中:

var txt = 'just changed text';

var el = document.getElementById('change');

function myFunction() {
  var temp = el.innerText;
  el.innerText = txt;
  txt = temp;
}

<h1 id="change">Hello</h1>
<button onclick="myFunction()">click</button>