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进行数据查询
  • 热门搜索
    清明节的手抄报三年级 心理手抄报内容 关于童话的手抄报 珍爱生命预防溺水手抄报图画 手抄报模板大全 手抄报端午节 英语手抄报的内容 抗战手抄报 尊老爱幼手抄报 关于海洋的手抄报