1

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

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

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

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

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

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

1 回答 1

1

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

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

你就快到了。在这种情况下，您也可以使用.innerText，因为您没有添加任何额外的 HTML 标记，只添加了 number 50。

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

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

正如您所了解的，建议使用 MDN 文档作为您的参考点。这是关于.innerHTML.

于 2012-12-04T17:11:15.247 回答