如何在 <a> 标记中增加值 [重复]答案

【问题标题】：How to increment value within a <a> tag [duplicate]如何在 <a> 标记中增加值 [重复]
【发布时间】：2017-12-09 14:32:03
【问题描述】：

您好，我想在每次单击按钮时递增 an 内的值并将其递增 1。我到目前为止的代码如下所示：

<a data-role="button" data-icon="shop" class="ui-btn-right ui-shadow ui-corner-all ui-btn-icon-center ui-icon-heart" id="Count" style="text-align: center;">0</a>

<script>


btn.onclick = function() {
  var linkText = parseInt(document.getElementById('Count').value);
  value = isNaN(value) ? 0 : value;
  value++;
  document.getElementById('Count').value = value;
  }
</script>

但是，一旦我按下按钮，它就不会更新<a></a> 的值。我希望能够更改<a> 标签的值，例如<a>0</a>，一旦按下按钮<a> 标签将显示<a>1</a>

【问题讨论】：

btn 是如何定义的？任何控制台错误？
这里没有显示错误是我的实际按钮代码的样子。代码更新
要访问锚标记的文本，请使用innerHTML、innerText 或textContent 而不是value。使用btn.onclick = function() { var value = parseInt(document.getElementById('Count').innerHTML); value = isNaN(value) ? 0 : value; value++; document.getElementById('Count').innerHTML = value; }。

标签： javascript html increment

【解决方案1】：

使用textContent 代替value，这是为输入元素保留的属性。

var count = document.getElementById('Count');

document.getElementById('button').onclick = function() {
  var linkText = +count.textContent;

  count.textContent = ++linkText;
}

<button id="button">Increment</button>

<a data-role="button" id="Count">0</a>

【讨论】：

感谢此代码设法修复它。