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控制table增加行和列 lt;head lt;titlelt;/title lt;script language=javascript type=text/javascript function addRow() { var newTR = document.getElementById(testTable).insertRow(document.getElementById(testTable).rows.length); var newNameTD = newTR.insertCell(0); newNameTD.innerHTML = aa; var newNameTD = newTR.insertCell(1); newNameTD.innerHTML = lt;input name=#39;LastName#39; id=#39;LastName#39; type=#39;text#39; /; var newNameTD = newTR.insertCell(2); newNameTD.innerHTML = lt;input name=#39;BirthDay#39; id=#39;BirthDay#39; type=#39;text#39;/; var newNameTD = newTR.insertCell(3); newNameTD.innerHTML = lt;input name=#39;age#39; id=#39;age#39; type=#39;text#39; /; } function insertRow() { var oTable = document.getElementById(table_info); var oTr = oTable.insertRow(); var oTd = oTr.insertCell(); oTd.innerHTML = 新添加了一行; } function insertRow2() { //获取table对象 var table = document.getElementById(table_info2); //找到要添加button的td，这里以表格第一行第一列为例子 var oTd = table.rows[0].cells[0]; //添加button到td中，添加前吧td内容清空