首页页面显示一个两行三列的表格和增加一行的按钮，当单击按钮时给表格动态增加一行。

页面显示一个两行三列的表格和增加一行的按钮，当单击按钮时给表格动态增加一行。

时间: 2024-03-04 13:49:29 浏览: 55

好的，这是一个简单的HTML和JavaScript代码实现： ```html <!DOCTYPE html> <html> <head> <title>动态表格</title> </head> <body> <table id="myTable"> <tr> <td>行1列1</td> <td>行1列2</td> <td>行1列3</td> </tr> <tr> <td>行2列1</td> <td>行2列2</td> <td>行2列3</td> </tr> </table> <button onclick="addRow()">增加一行</button> <script> function addRow() { var table = document.getElementById("myTable"); var row = table.insertRow(-1); // 在最后一行插入新行 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> ``` 这段代码首先定义了一个两行三列的表格，然后创建了一个“增加一行”的按钮，当按钮被单击时，就会调用`addRow()`函数。这个函数首先找到表格元素，然后使用`insertRow()`方法在表格的最后一行插入一个新的行，再在这一行中使用`insertCell()`方法插入三个新的单元格，并设置它们的内容。

阅读全文