时间戳

首页 > 解决方案 > 如何编辑一个整数的表值

javascript - 如何编辑一个整数的表值

问题描述

如何通过单击按钮访问表的值并5在每次单击后将值添加到其中？我当前的解决方案只是将 the 添加5为一个字符串，但我想要的20是25而不是205，这是我目前的方法：

<!DOCTYPE html>
<html>
<body>

<h2>Basic HTML Table</h2>

<table id="table" style="width:100%">
  <tr>
    <th>ID</th>
    <th>Name</th> 
    <th>Gender</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>1</td>
    <td>David</td>
    <td>M</td>
    <td>20</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Emma</td>
    <td>F</td>
    <td>30</td>
  </tr>
</table>
<input type="button" onclick="ageUpdate();" value="Add 5 to the age">

<script>
function ageUpdate() 
{
    var David_Age=document.getElementById('table').rows[parseInt(1,10)].cells;
    David_Age[parseInt(3,10)].innerHTML += 5;
    
    var Emma_Age=document.getElementById('table').rows[parseInt(2,10)].cells;
    Emma_Age[parseInt(3,10)].innerHTML += 5;
}
</script>
</body>
</html>

解决了它： David_Age[parseInt(3,10)].innerHTML = parseInt(David_Age[parseInt(3,10)].innerHTML) + 5

标签： javascripthtml

解决方案

尝试获取该值，对其求和，然后将其归因于单元格。

像这样的东西：

David_Age[3].innerHTML = parseInt(David_Age[3].innerHTML) + 5;

推荐阅读