js中点击按钮时表格自动增加一行

 时间:2024-10-14 09:14:27

1、新建一个html文件,命名为test.html,用于讲解js中点击按钮时表格自动增加一行。

js中点击按钮时表格自动增加一行

2、在test.html文件内,使用table标签创建两行两列的表格,并设置其id为mytable。

js中点击按钮时表格自动增加一行

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

js中点击按钮时表格自动增加一行

4、在js标签中,创建addTr()函数,在函数内,分别使用createElement猾诮沓靥()方法创建一个行对象,两个单元格对象 ,并且通过innerHTML属性设置两个单元格的内容分别为6666,8888。

js中点击按钮时表格自动增加一行

5、在addTr()函数内,再分别通过appendChild()方法将行对象添加至表格内,同时将两个单元格添加至tr行对象内。

js中点击按钮时表格自动增加一行

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

js中点击按钮时表格自动增加一行js中点击按钮时表格自动增加一行
  • js如何实现点击按钮弹出提示框
  • html中下拉列表里面文字如何提行
  • HTML或JS,有三个文本框,求前两个文本框的值相加,输出到第三个文本框中
  • myeclipse怎么创建web登录界面
  • 如何用Navicat进行数据查询
  • 热门搜索
    生死攸关的意思 junior是什么意思 欣的意思 菜市场卖什么最赚钱 宸是什么意思 锐不可当的意思 莫大的意思 截图按什么键 头发少吃什么好 耳垂大代表什么