用JS在表格中的当前行下新增新的一行

1:先在HTML中设计一个表格,给这个表格设置ID,方便等下在JS中获取这个表格,为了方便简单,这里就只设计一行数据了,给这个行也设置一个ID,然后再弄一些数据
HTML表格设计代码截图:
在这里插入图片描述
2:现在再去JS中写一个方法,给这个方法取一个名称并传递一个参数,比如:“function zjff1(rowIndex)”,接下来就是在这个方法里面写代码:先通过ID获取到刚刚设计的那个表格,并变量它,然后再变量获取10个td,因为这个表格中有10个,给这10个td的HTML赋值,比如“《111》”,每个都需要赋值,再“var xtr=table.insertRow(rowIndex)”,把刚刚的每一个td都添加进去
JS方法代码:
function zjff1(rowIndex){
var table=document.getElementById(“table”);
var xg1=document.createElement(“td”);
var xg2=document.createElement(“td”);
var xg3=document.createElement(“td”);
var xg4&

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值