通过onclick创建新的表行可以使用以下步骤:
<table id="myTable">
<tr>
<th>列标题1</th>
<th>列标题2</th>
</tr>
</table>
function addTableRow() {
var table = document.getElementById("myTable");
var row = table.insertRow(); // 创建新的表行
var cell1 = row.insertCell(); // 创建新的单元格
var cell2 = row.insertCell();
cell1.innerHTML = "新行的列1"; // 设置单元格内容
cell2.innerHTML = "新行的列2";
}
<button onclick="addTableRow()">添加新行</button>
这样,当点击"添加新行"按钮时,将会调用addTableRow函数,创建一个新的表行,并将其添加到表格中。
这种方法可以用于动态地向表格中添加行,例如在表单中输入数据后点击按钮,将输入的数据作为新行添加到表格中。这在需要动态生成表格内容的情况下非常有用。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云