当前位置: 代码迷 >> JavaScript >> js兑现增删table行
  详细解决方案

js兑现增删table行

热度:326   发布时间:2012-10-06 17:34:01.0
js实现增删table行

//清空原有表格数据
02 function? 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 //新增表格行
11 function 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 //添加数据为空的提示
35 function addline(tableId){?
36 ????var testTable = document.getElementById(tableId);
37 ????var newline = testTable.insertRow(testTable.rows.length-1);?
38 ????newline.insertCell(0).innerHTML='暂时没有此类维修数据';?
39 }
  相关解决方案