读书人

js兑现增删table行

发布时间: 2012-10-06 17:34:01 作者: rapoo

js实现增删table行

//清空原有表格数据 02function? delCellRow(contId,elem){?? 03????var length = elem.length-1; 04????var str=""; 05????for(var j=1;j<length;j++){ 06????????document.getElementById(contId).deleteRow(1); 07????} 08} 09??10//新增表格行 11function add(tableId,dataArr){? 12????var addtable = document.getElementById(tableId);? 13????var newRow = addtable.insertRow(addtable.rows.length-1);? 14????var newTd0 = newRow.insertCell(0);? 15????newTd0.innerHTML="内容1";??? 16????var newTd1 = newRow.insertCell(1);? 17????newTd1.innerHTML="内容1";??? 18????var newTd2 = newRow.insertCell(2);? 19????newTd2.innerHTML="内容2";? 20????var newTd3 = newRow.insertCell(3);? 21????newTd3.innerHTML="内容1";??? 22????var newTd4 = newRow.insertCell(4);? 23????newTd4.innerHTML="内容2";? 24????var newTd5 = newRow.insertCell(5);? 25????newTd5.innerHTML="内容1";??? 26????var newTd6 = newRow.insertCell(6);? 27????newTd6.innerHTML="内容2";? 28????var newTd7 = newRow.insertCell(7);? 29????newTd7.innerHTML="内容1";??? 30????var newTd8 = newRow.insertCell(8);? 31????newTd8.innerHTML="内容2";?? 32} 33??34//添加数据为空的提示 35function addline(tableId){? 36????var testTable = document.getElementById(tableId); 37????var newline = testTable.insertRow(testTable.rows.length-1);? 38????newline.insertCell(0).innerHTML='暂时没有此类维修数据';? 39}

读书人网 >JavaScript

热点推荐