table在Javascript如何添加?

新增表有二种方式,图1就是第一种方式:

  1. 大概思维是从行里,在一行里面,新增一个一个的单元格。
  2. 首先声明一个函数,然后从HTML中获取到需要添加的标签的ID,然后就新建一个行inserRow(),注意事项inserRow中的R必须是大写,单词不要打错。
  3. 从新建的行,如声明的var tab;获取到tab,给tab创建一个个单元格insertCell().
  4. 再把每一项的单元格,添加文本,new,innerHTML =’’;
  5. 最后再把完成的函数,在HTML中新增的标签中添加一个点击事件,就把这个函数写上去。

小总结 : 过程简单,但是注意事件是单词的大小写,还有添加innerHTML时,重点注意里面添加onClick点击事件,防止新增下一个表出现而没有点击事件。

图1
在这里插入图片描述
图2
在这里插入图片描述
新增表格第二种方式 如图2:
1.大概思维:新建一个个元素createElment(“td”),然后在从元素一个一个的添加innerHTMl文本。
2.第一个和第二个区别是一个是往行里面新增,而另一个则是创建一个来,往里面新增内容,在这一面里我们又学到一个新的单词那就是createElement的创建元素的新单词。
3.创建到后,接下来我们就要用innerHTML来往塞入要新增的行内容了,然后在创建行,再用appendChild(“”);来把新增的内容插进去。
4.最后则是获取到一个table表格里面的ID,再给table一个点击事件,然后table里面的标签里获取到ID,标签后面+roIndex+1;重点注意:I是大写,如果是小写的话,在后面是新增不出来的。

表单总结:第一种和第二种我觉得还是最重要注意单词的大小写的问题!因为一个单词打错,则整个功能无法实现,第一种方法虽然简单一点,但是没有第二种更加灵活,第二种教会了我的更加多的新的代码和新的方式,同时也让我懂得了写单词时,对大小写的重视和代码的细节。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值