Javascript onclick将数字递增为文本

Question

我的Javascript有问题：我正在尝试增加一个数字，这是一个字符串，因此我需要解析它，增加值并将该数字分配给字段中的值。 但是我不明白为什么这段代码无法正常工作：

<button type="button" onclick="dec()" name="less" style="background-color: orange;border:none;">-</button>
<script>
  function dec() {
    var x = parseInt(document.getElementById("num").value, 10);
    x--;
    document.getElementById("num").value = x;
  }

虽然数字在这样的div中：

<div id="num" style="display:inline;">0</div>

错误在哪里？

Answer 1

一方面，如果要增加值，则需要执行x++而不是x-- 。 然后，我认为您可以通过以下方式修复它：

document.getElementById("num").innerHTML= x;

因为div没有value属性。

Answer 2

只需使用

document.getElementById("num").innerHTML

代替