我有一張包含幾行單元格的表格。我的任務是在單擊后設置單元格,單元格值將傳遞到 div 塊“已預訂座位”。我這樣做了,但仍然有一些要求需要滿足。單擊表格單元格(即座位號)后,單元格的背景顏色將永久更改,并且單元格不再可單擊。如何編輯我的代碼以添加這兩個要求?順便說一下,只允許使用 JavaScript。謝謝你:D<table id="tab"><caption>SCREEN</caption><tr> <td>A1</td> <td>A2</td> <td>A3</td> <td>A4</td> <td>A5</td></tr><tr> <td>B1</td> <td>B2</td> <td>B3</td> <td>B4</td> <td>B5</td></tr><tr> <td>C1</td> <td>C2</td> <td>C3</td> <td>C4</td> <td>C5</td></tr><tr> <td>D1</td> <td>D2</td> <td>D3</td> <td>D4</td> <td>D5</td></tr><tr> <td>E1</td> <td>E2</td> <td>E3</td> <td>E4</td> <td>E5</td></tr></table><script type="text/javascript"> var table = document.getElementById("tab"); if (table != null) { for (var i = 0; i < table.rows.length; i++) { for (var j = 0; j < table.rows[i].cells.length; j++) table.rows[i].cells[j].onclick = function () { getval(this)}; } } function getval(cel) { let seatno = document.createElement("h3"); seatno.innerHTML = cel.innerHTML; document.getElementById("stbk").appendChild(seatno); }</script>
單擊后更改顏色并停止功能(僅限 JavaScript)
翻閱古今
2023-09-28 16:59:10