table insertRow、deleteRow定义和用法总结本文主要总结了表格insertRow和deleteRow的定义和用法，有需要的朋友可以参考一下。表格中有几行：var tr CNT=table . rows . length；(表是Id)每行有几列：for(var I=0；itrCntI)表格.行[i].单元格.长度；操作javascript表：Insert()、deleteRow()、insertCell()、deleteCell()方法Table.insertRow()在IE下没问题，但是在firefox下要改成table.insertRow(-1)，对应的insertCell()要改成insertCell(-1)Insert()方法并定义用法。insert()方法用于在表格中的指定位置插入一个新行。语法tableObject.insertRow(索引)返回值返回一个代表新插入行的TableRow。解释该方法创建一个新的TableRow对象，表示一个新的tr标记，并将其插入到表中的指定位置。新行将被插入到索引所在的行之前。如果index等于表中的行数，新行将被追加到表的末尾。如果表是空的，新行将被插入到一个新的tbody段中，该段本身将被插入到表中。投如果参数index小于0或者大于或等于表中的行数，该方法将抛出一个DOMException异常，代码为INDEX_SIZE_ERR。示例代码如下：HTML head script type= text/JavaScript 函数ins row(){ document . getelementbyid( my table )。插入行(0)}/脚本/头body table id= my table border= 1 tr t row 1 cell 1/TD t row 1 cell 2/TD/tr tr t row 2 cell 1/TD t row 2 cell 2/TD/tr/table br/input type= button onclick= in row() value= Insert new row /body /html deleteCell()并定义用法。delete()方法用于删除表格行中的单元格(td元素)。语法tablerowObject.deleteCell(索引)解释index参数是行中要删除的表格元素的位置。此方法将删除表格行中指定位置的单元格。投如果参数index小于0或者大于或等于行中表元素的数量，该方法将抛出一个DOMException异常，代码为INDEX_SIZE_ERR。示例代码如下：html head script type= text/JavaScript function delrow(){ document . getelementbyid( my table )。deleterow(0)}/脚本/床头箱table id= my table border= 1 tr t row 1 cell 1/TD t row 1 cell 2/TD/tr tr t row 2 cell 1/TD t row 2 cell 2/TD/tr/table br/input type= button onclick= delRow() value=删除第一行/body /html insertCell()并定义用法。方法的作用是：在HTML表格的一行中的指定位置插入一个空的td元素。语法tablerowobject . insert cell(index)返回值一个TableCell对象，代表新创建和插入的td元素。解释该方法将创建一个新的td元素，并将其插入到行中的指定位置。新单元格将被插入到当前位于index指定位置的单元格之前。如果index等于该行中的单元格数，则新单元格被追加到该行的末尾。请注意，该方法只能插入td数据单元格。如果需要向行中添加header元素，必须使用Document.createElement()方法和Node.insertBefore()方法(或相关方法)创建并插入th元素。投如果参数index小于0或者大于或等于行中表元素的数量，该方法将抛出一个DOMException异常，代码为INDEX_SIZE_ERR。示例代码如下：html head script type= text/JavaScript 函数ins cell(){ var x=document . getelementbyid( tr2 )。insert cell(0)x . innerhtml= John }/script/head bodytable border= 1 tr id= tr1 th first name/th last name/th/tr tr id= tr2 TD Peter/TD TD TD Griffin/TD/tr/table br/input type= button onclick= in cell() value= Insert cell /body /html deleteCell()并定义用法。delete()方法用于删除表格行中的单元格(td元素)。语法tablerowObject.deleteCell(索引)解释index参数是行中要删除的表格元素的位置。此方法将删除表格行中指定位置的单元格。投若参数指数小于0 或大于等于行中的的表元数，该方法将抛出代码为索引大小错误的DOMException异常。例子复制代码代码如下：html头脚本type=text/javascript 函数del cell(){ document。getelementbyid( tr2 ).deleteCell(0) } /script /head bodytable border= 1 tr id= tr1 th first name/th last name/th/tr tr id= tr2 TD Peter/TD TD TD Griffin/TD/tr/table br/input type= button onclick= del cell() value= Delete cell /body /html项目中的应用：复制代码代码如下：脚本类型=文本/javascript var trIndex=0；//动态增加行函数appendConvert(){//var sel=文档。getelementbyid( select convert name )；var sel=文档。getelementsbyname( selectConvertName )[0]；var classNameif(null！=sel){ for(var I=0；我卖。选项。长度；i ){ if(sel.options[i].selected)class name=sel。选项[I].价值；} } //数据来源于ajax、json形式转换。getconvertbean 2 JSON(类名，函数(结果){ var obj=eval(( result ))；var表=文档。getelementbyid(“转换表”)；var newRow=table。insertrow(trIndex 1)；newRow.insertCell(0).innerHTML=obj.name 输入类型=按钮值=删除onclick= deleteRow(this) ；newRow.insertCell(1).innerHTML= input type= text name= convert list[ trIndex ].id input type= hidden name= convert list[ trIndex ].name value= obj.nameif(null！=obj。param list){ var paramStr= ；for(var I=0；我的目标。参数列表。长度；i ){ paramStr=paramStr 参数名： obj.paramList[i].姓名；参数类型： obj.paramList[i].类型；参数值：输入name= convert list[ trIndex ].paramList[ i ].value type= text br input type= hidden name= convert list[ trIndex ].paramList[ i ].name value= obj.paramList[i].名称 输入类型= hidden name= convert list[ trIndex ].paramList[ i ].type value= obj.paramList[i].类型"";} newRow.insertCell(2).innerHTML=paramStr } trIndex })；}//删除行{ var I=r .父节点。父节点。rowindex文档。getelementbyid(“转换表”).删除行（一);trIndex-；}/脚本