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传参达到删除元素。

(例子来源老师)