首页在页面上写一个table标签，写一个按钮，响应单击事件，调用一个函数，每单击一次，为table增加一行数据，单元格中内容任意。

在页面上写一个table标签，写一个按钮，响应单击事件，调用一个函数，每单击一次，为table增加一行数据，单元格中内容任意。

时间: 2024-03-27 18:35:46 浏览: 123

好的，以下是您需要的HTML和JavaScript代码： ```html <!DOCTYPE html> <html> <head> <title>Table增加行</title> </head> <body> <button onclick="addRow()">增加行</button> <br><br> <table id="myTable"> <tr> <th>列1</th> <th>列2</th> <th>列3</th> </tr> <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td> </tr> </table> <script> function addRow() { var table = document.getElementById("myTable"); var row = table.insertRow(table.rows.length); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); cell1.innerHTML = "新数据1"; cell2.innerHTML = "新数据2"; cell3.innerHTML = "新数据3"; } </script> </body> </html> ``` 这个代码会创建一个带有一个按钮和一个表格的页面。当您单击按钮时，会调用JavaScript函数 `addRow()`。这个函数会获取到表格（通过ID）并在表格的末尾插入一行。然后，函数会为每个单元格添加一个新的单元格，内容为 "新数据1"、"新数据2" 和 "新数据3"。请注意，您可以根据需要更改单元格的内容。

阅读全文