JavaScript在表格指定的位置插入和删除(传参)

开发工具与关键技术:DW和JavaScript

撰写时间:2019年1月17日

 

JavaScript在表格指定的位置插入和删除(传参)

1、先为页面设计Html

 

网页上出现的效果:

2、要实现插入行,首先要获取需要插入行的信息

 

 

 

 

 

 

封装一个function,然后调用:    注意:封装的函数只能在函数体里调用,它属于局部变量。

首先声明4个td,createElement是创建元素

然后在td里面插入内容,注意innerHTML指一个元素的全部内容  包括里面的子元素、文本内容和标签,在拼接字符的时候记住不要留空格,或者可以使用+来拼接字符。

在指定的位置插入行:

RowIndex是给nsertRow一个参数的索引值,接着我们在封装的function里给它一个参数,这样就能实现传递RowIndex到inserRow里面的参数。

获取插入行的索引  rowIndex能获取一行的索引值,返回该行在表中的位置。控制台输出rowIndex,其索引值为2,绑定成功。

 

再使用appendChild在新行内追加子元素。

然后调用addRow(oTrIndex2)去到页面刷新,插入的行数就已出现。

删除行使用的是removeChild,移除子元素,parentNode是获取父元素。通过obj传参达到删除元素。

(例子来源老师)

猜你喜欢

转载自blog.csdn.net/weixin_44544845/article/details/86534457