手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js如何动态创建tr

时间:2024-10-13 02:34:34

1、新建一个html文件,命名为test.html,用于讲解js如何动态创建tr。

js如何动态创建tr

2、在test.html文件中,使用table标签创建一个空表格,并设置其id为mytable。

js如何动态创建tr

3、在test.html文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行creatr()函数。

js如何动态创建tr

4、在js标签内,创建creatr()函数,在函数内,通过id获得表格对象,并通过createElement()方法动态创建一个tr行。

js如何动态创建tr

5、在函数内,再使用createElement()方法创建一个td,并设置td的内容为争犸禀淫"测试",通过appendChild()方法把td放在tr中,最后,再使吹涡皋陕用appendChild()方法将tr放至table中。

js如何动态创建tr

6、在浏览器打开test.html文件,点击按钮,查看源代码结果。

js如何动态创建tr
js如何动态创建tr
© 手抄报圈