Javascript onclick将数字增加为文本

时间:2015-12-18 08:05:42

标签: javascript onclick increment

我遇到了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>

错误在哪里?

2 个答案:

答案 0 :(得分:0)

一方面,如果您想增加值,则需要x++而不是x--。在那之后,我认为你会解决它:

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

因为div没有value属性。

答案 1 :(得分:0)

只需使用

document.getElementById("num").innerHTML

代替