如何使用行號和列號在java腳本中更改表格單元格的背景顏色？

Question

我正在嘗試根據我的row和col ID 更改單元格的背景顏色。 我試過這樣但沒有奏效。

 let rowNumber = 1; let colNumber = 1; document.getElementById("myTable").rows[rowNumber].cells.item(colNumber).style.backgroundColor = "red";

 <table id="myTable"> <tbody> <tr> <td>0-0</td> <td>0-1</td> <td>0-2</td> </tr> <tr> <td>1-0</td> <td>1-1</td> <td>1-2</td> </tr> <tr> <td>2-0</td> <td>2-1</td> <td>2-2</td> </tr> </tbody> </table>

Answer 1

你可以用 CSS 來做到這一點：

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}