javascript - Onclick 不适用于表格单元格？

Question

我目前正在尝试制作一个井字棋盘，但它不受 JavaScript 的 innerHTML 函数的影响。我正在尝试更改第一个空单元格内的 h1，以便在单击该单元格时说 X，但它不起作用。感谢您的帮助。

function click1() {
  document.getElementById("text1").innerHTML = "X";
}

* {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
table {
  height: 300px;
  width: 300px;
}
td {
  border: 1px solid black;
  
}

<table>
  <tr>
    <td id="1" onclick="click1"><h1 id="text1"></h1></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Answer 1

据我了解，您必须在 CSS 中的 onclick 事件上调用整个函数。

应该是这样的:

<td id="1" onclick="click1()"><h1 id="text1"></h1></td>