,,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 body
table 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 body
table 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-；}
/脚本
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。