请用hmtl和JS实现一个7*24的表格,每个方格点击后都会触发事件:你点了这个表格了
时间: 2023-04-07 20:05:24 浏览: 87
我可以回答这个问题。以下是一个简单的实现:
HTML代码:
```
<table>
<tr>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
</tr>
<tr>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
</tr>
<tr>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
</tr>
<tr>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
</tr>
<tr>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
</tr>
<tr>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
</tr>
<tr>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
<td onclick="cellClicked(this)"> </td>
</tr>
</table>
```
JS代码:
```
function cellClicked(cell) {
cell.style.backgroundColor = "yellow";
}
```
每个表格单元格都有一个 `onclick` 事件,当单元格被点击时,会调用 `cellClicked` 函数。该函数将单元格的背景颜色设置为黄色。