Question

我的教授有一个独特的任务，阻止我们使用任何JQuery或基本上任何不是Javascript或HTML / CSS的东西。

我必须在鼠标单击时使用某个数值更新单元格中的值。我是Javascript的新手，基本上这就是我正在使用的内容。

<table id="score">
                <tr>
                    <td> One's </td>
                    <td class="scoring" id="ones" onClick="inputScore()">  </td>
                </tr>
</table>

我想要做的是单击id = 1的单元格，并使用函数inputScore（）插入值50。仅使用Javascript来解决此问题的最佳方法是什么？提前谢谢。

编辑：从评论移植的代码：

<script>
  function inputScore() { 
    var x = 50; 
    document.getElementById("ones") = x; 
  } 
</script>

Answer 1

您已使用getElementById()正确定位了元素，但您需要设置其innerHTML属性以修改单元格的内容。

function inputScore() { 
  var x = 50; 
  document.getElementById("ones").innerHTML = x; 
}

你几乎就在那里。在这种情况下，您还可以使用.innerText，因为您没有添加任何其他HTML标记，只有50。

如果需要，您可以考虑修改此函数以接受新值作为参数：

function inputScore(value) {
  // Set the contents to value
  document.getElementById("ones").innerHTML = parseInt(value, 10);
}
// Called as
inputScore(50)

如您所知，建议您使用MDN文档作为参考。 Here is the documentation on .innerHTML

使用Javascript将数值插入单元格

编辑：从评论移植的代码：

1 个答案: