【问题标题】:Javascript onclick increment a number as textJavascript onclick 将数字递增为文本
【发布时间】:2015-12-18 08:05:42
【问题描述】:

我在使用 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>

哪里出错了?

【问题讨论】:

  • 一个div没有value,改用textContent

标签: javascript onclick increment


【解决方案1】:

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

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

因为div 没有value 属性。

【讨论】:

  • 对不起,如果我回复晚了:是的,我在写问题时犯了一个错误。除此之外,它还有效,所以谢谢!
  • @Sharkstroke 如果这对您有用,请将其作为正确答案关闭
【解决方案2】:

随便用

document.getElementById("num").innerHTML

改为

【讨论】:

  • 与我给出的答案完全相同
  • @cor - 抱歉。直到页面刷新,我才看到您的答案。我应该删除这个吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-09-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多