Onclick無法處理表格單元格？

Question

我目前正在嘗試製作一個tic tac腳趾板，但它不受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

不要傳遞給函數的引用，而不是通過調用函數

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

這是how it works

Answer 2

據我你有一點認識在CSS中調用onclick事件的整個函數。

它應該是這樣的：

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