小编use*_*150的帖子

    <table id="position">
        <tr><td>TL</td><td>TC</td><td>TR</td></tr>
        <tr><td>CL</td><td>CC</td><td>CR</td></tr>
        <tr><td>BL</td><td>BC</td><td>BR</td></tr>
    </table>
    <script>
    document.querySelector("#position td").addEventListener("click", function(){
    console.log(this.innerHTML);
});

试图<td>在点击时获取表格单元格的innerHTML 。它什么都不返回。当我将选择器更改为#position tr它返回数据时，但仅用于第一<tr>行，当我单击它时。单击第二个，第三个时 - 不返回任何内容。显然，当我将选择器更改为表格时，#position它可以正常工作并返回整个表格。

我什至尝试为每个单元格添加类<td class="cell">-document.querySelector(".cell").innerHTML返回内容，但再次 - 仅适用于第一个<td>单元格！

如何被点击td，为什么它的行为如此奇怪？另外，是否可以点击行/列号？