JavaScript实现table表格的增删 

 1 <!-----新增按钮----->
 2 function addData() {
 3         var tableObj = document.getElementById("myTable");
 4         var newRowObj = tableObj.insertRow(tableObj.rows.length);
 5         var newCol_MC = newRowObj.insertCell(newRowObj.cells.length);
 6         var newCol_XH = newRowObj.insertCell(newRowObj.cells.length);
 7         var newCol_ORG_NAME = newRowObj.insertCell(newRowObj.cells.length);
 8         var newCol_ZZ_NAME = newRowObj.insertCell(newRowObj.cells.length);
 9         var newCol_DATE = newRowObj.insertCell(newRowObj.cells.length);
10         var newCol_VALUE = newRowObj.insertCell(newRowObj.cells.length);
11 
12         var date = new Date();/*获取系统时间*/
13 
14         newCol_MC.innerHTML = '<td><input type="checkbox" name="td1" placeholder=""></td>';
15         newCol_XH.innerHTML = 100;
16         newCol_ORG_NAME.innerHTML = '<input type="text"/>';
17         newCol_ZZ_NAME.innerHTML = '<input type="text"/>';
18         //newCol_DATE.innerHTML = date.toLocaleDateString();/*获取系统时间*/
19         newCol_DATE.innerHTML = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();/*获取系统时间*/
20         newCol_VALUE.innerHTML = '<input type="text"/>';
21 
22 }

 

posted @ 2017-03-17 17:01  _桃桃  阅读(448)  评论(0)    收藏  举报