Question

我正在尝试制作一个tic tac toe board，但它不受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>

Answer 2

不要传递对函数的引用，而是将调用传递给函数

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

这是how it works

Onclick没有处理表格单元格？

2 个答案: