javascript - 如何更新 javaScript 中 innerHTML 显示的文本？

Question

我将一个变量分配给 innerHTML，当变量发生变化时，屏幕上的显示不会。我该怎么做才能让它在变量改变时改变显示的内容？请用 HTML 5 回答。

<script>
  var a = 10;

  function funk() {
    a = a - 1;
  }
</script>

<p id="oof">
  <script>
    document.getElementById("oof").innerHTML = a;
  </script>
</p>
<p onclick="funk()">change var</p>

Answer 1

在函数 funk 中进行更改。一个赋值不会将 innerHTML 绑定(bind)到 a 的值，因为它发生了变化，它是一次性赋值:

<script>
  var a = 10;

  function funk() {
    a = a - 1;
    document.getElementById("oof").innerHTML = a;
  }
</script>

<p id="oof">
  <script>
    document.getElementById("oof").innerHTML = a;
  </script>
</p>
<p onclick="funk()">change var</p>