如何使用JavaScript表格对象对表格添加新的一行

2025-11-03 00:38:29

1、首先在记事本中输入以下代码：

<html>

<head>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<br />

</body>

</html>

然后把文件保存为.html文件，在浏览器中打开如图

如何使用JavaScript表格对象对表格添加新的一行

2、在表格后添加一个按钮

如何使用JavaScript表格对象对表格添加新的一行

3、添加JavaScript脚本

function insRow()

{

var x=document.getElementById('myTable').insertRow(0)

var y=x.insertCell(0)

var z=x.insertCell(1)

y.innerHTML="新行1"

z.innerHTML="新行2"

}

</script>

并在按钮点击事件中引用；

如何使用JavaScript表格对象对表格添加新的一行

4、点击插入行按钮后即可在第一行进行插入，若想在别的地方插入只需要对document.getElementById('myTable').insertRow(0)中的‘’0‘进行修改。

如何使用JavaScript表格对象对表格添加新的一行

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。