js,添加表格行.docVIP

js,添加表格行 篇一：JS动态添加表格行 lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:// var tr =obj.insertRow(tr.rowIndex+1); var trId=trStructure+tr.rowIndex; tr.setAttribute(id,trId); var td0 = tr.insertCell(0); td0.setAttribute(align,left); //td0.setAttribute(colSpan,4); td0.innerHTML = lt;input ID=#39;txtName#39; type=#39;text#39;/ ; var td1 = tr.insertCell(1); td1.setAttribute(align,left); //td1.setAttribute(colSpan,3); td1.innerHTML = lt;input ID=#39;txtName#39; type=#39;text#39;/lt;input id=#39;btnDelRow#39; class=#39;btn#39; type=#39;button#39; value=#39;-#39; onclick=#39;DelStructureRow(+tr.rowIndex+)#39;/; } function DelStructureRow(rowIndex) { var obj=document.getElementById(OwnershipStructure); obj.deleteRow(rowIndex); var count=document.getElementById(StructureLeft1).getAttribute(rowspan); document.getElementById(StructureLeft1).setAttribute(rowSpan,parseInt(count)-1); //rowSpan 不要写成rowspan，因为在IE6 与IE7下会有问题 篇二：js动态删除表格行 js动态删除表格行 先取得表格： Js代码 1. var table = document.getElementById(table); 然后遍历表格的行数进行删除： Js代码 1. for(var i=0; ilt;table.rows.length; i++){ 2. table.deleteRow(i); 3. } 这时会发现结果并不像预期那样，是因为删除一行后，table.rows.length会变小，所以先将table.rows.length 赋值给变量len，这时JS会报错，是因为每删一行后，len的值没变，而实际的行数却在变少，所以代码应该是： Js代码 1. var len = table.rows.length; 2. for(var i=0; ilt;len; i++){ t 3. table.deleteRow(0); 4. } 或者： 1. var len = table.rows.length; 2. for(var i=len-1; i=0; i--){ 3.table.deleteRow(i); 4. } 篇三：用JS实现的表格 lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 http://lt;/td lt;tdflt;/td lt;td152.00lt;/td lt;td2007-12-09lt;/td lt;tdlt;input type=button value=删除 onclick=javascript：delete_row(5)/lt;/td lt;tdlt;input type=button value=上移 onclick=javascript：Move_up(this)/lt;/td lt;tdlt;input type=button value=下移 onclick=javascript：Move_down(this)/lt;/td lt;/tr lt;/table lt;br / lt;table align=center lt;input type=button name=Submit value=添加一行onclick=AddRow(document.getElementById(#39;tabProduct#39;),1) / lt;/ta