新增表有二种方式,图1就是第一种方式:
- 大概思维是从行里,在一行里面,新增一个一个的单元格。
- 首先声明一个函数,然后从HTML中获取到需要添加的标签的ID,然后就新建一个行inserRow(),注意事项inserRow中的R必须是大写,单词不要打错。
- 从新建的行,如声明的var tab;获取到tab,给tab创建一个个单元格insertCell().
- 再把每一项的单元格,添加文本,new,innerHTML =’’;
- 最后再把完成的函数,在HTML中新增的标签中添加一个点击事件,就把这个函数写上去。
小总结 : 过程简单,但是注意事件是单词的大小写,还有添加innerHTML时,重点注意里面添加onClick点击事件,防止新增下一个表出现而没有点击事件。
图1
图2
新增表格第二种方式 如图2:
1.大概思维:新建一个个元素createElment(“td”),然后在从元素一个一个的添加innerHTMl文本。
2.第一个和第二个区别是一个是往行里面新增,而另一个则是创建一个来,往里面新增内容,在这一面里我们又学到一个新的单词那就是createElement的创建元素的新单词。
3.创建到后,接下来我们就要用innerHTML来往塞入要新增的行内容了,然后在创建行,再用appendChild(“”);来把新增的内容插进去。
4.最后则是获取到一个table表格里面的ID,再给table一个点击事件,然后table里面的标签里获取到ID,标签后面+roIndex+1;重点注意:I是大写,如果是小写的话,在后面是新增不出来的。
表单总结:第一种和第二种我觉得还是最重要注意单词的大小写的问题!因为一个单词打错,则整个功能无法实现,第一种方法虽然简单一点,但是没有第二种更加灵活,第二种教会了我的更加多的新的代码和新的方式,同时也让我懂得了写单词时,对大小写的重视和代码的细节。