javascript - 修改存储在变量中的innerHTML无效

我想将页面的显示区域存储在变量中(代码中为display)，即示例中的display div的innerHTML，但是当我这样做时，根本无法修改其内容。

function stored() {
  var display = document.getElementById("display").innerHTML;
  display = "Bonjour";
}

function notStored() {
  document.getElementById("display").innerHTML = "Hello";
}

<button onclick="stored()">Stored in variable</button>
<button onclick="notStored()">Not stored in variable</button>
<div id="display"></div>

我应该怎么做？

谢谢您的帮助。

最佳答案

那是因为您为display变量分配了一个新值。您要做的是将innerHTML的display设置为一个变量，例如stored。这样，您将所需的innerHTML存储为变量。

function stored() {
  var stored = "Bonjour";
  var display = document.getElementById("display").innerHTML = stored;
}

function notStored() {
  document.getElementById("display").innerHTML = "Hello";
}

<button onclick="stored()">Stored in variable</button>
<button onclick="notStored()">Not stored in variable</button>
<div id="display"></div>