如何從表格中選擇某個單元格

Question

我有 14 個生成的單元格。

如何從 14 個單元格中選擇特定單元格並對其進行控制？ 我只希望一個單元格是唯一的，其余的是它們在代碼中的顯示方式，通常。

 var isCol = 0; var board = []; for (r = 0; r < 7; r++) { var line = []; for (c = 0; c < 7; c++) { line.push(r); } board.push(line); } function prs(c, r) { showTable(c, r); isCol = (isCol + 1) % 2; } function toColor(col, row, chosen_col, chosen_row) { var ret = false; switch (isCol) { case 0: if (row == chosen_row) { ret = true; } break; case 1: if (col == chosen_col) { ret = true; } break; } return ret; } function showTable(chosen_col, chosen_row) { var str = ""; str += "<table border=1>"; for (row = 0; row < 7; row++) { str += "<tr>"; for (col = 0; col < 7; col++) { str += "<td onclick='prs(" + col + "," + row + ")'"; if (toColor(col, row, chosen_col, chosen_row)) { str += " class='grn' "; } str += ">"; str += RandomGenerator(50, 500); str += "</td>"; } str += "</tr>"; } str += "</table>"; document.getElementById("ff").innerHTML = str; } function RandomGenerator(min, max) { return Math.floor(Math.random() * (max - min) + min); } showTable(-1);

 td { border: 2px solid black; width: 10px; height: 10px; } td:hover { background-color: lightgreen; } .grn { background-color: green; color: white; }

 <div id='ff'></div>

Answer 1

您可以為該行創建一個 ID

例如

<td id = "uniqueCell"> ... </td>

然后在您的 javascript 中，您可以執行以下操作。

var uniqueCell = document.getElementById('uniqueCell');

然后使用該變量來做你需要做的事情