在页面上写一个table的标签,写一个按钮,响应单击事件,调用一个函数,没单击一次,为table增加一行数据,单元格中内容任意
时间: 2024-02-16 22:05:29 浏览: 84
js生成动态表格并为每个单元格添加单击事件的方法
好的,下面是代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>增加表格行</title>
<script>
function addRow() {
var table = document.getElementById("myTable");
var row = table.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "New cell 1";
cell2.innerHTML = "New cell 2";
}
</script>
</head>
<body>
<button onclick="addRow()">增加一行</button>
<table id="myTable">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
</body>
</html>
```
这段代码会在页面上显示一个按钮和一个带有表头和两行数据的表格。每次单击按钮时,都会在表格的最后一行添加一行数据,单元格内容为"New cell 1"和"New cell 2"。
阅读全文