js动态添加删除表格

js动态添加删除表格

  

         //全局变量   

         var i=0;   

         //添加行   

         function addMyRow(){   

             var mytable = document.getElementById("mybody");   

             var mytr = mytable.insertRow();   

             mytr.setAttribute("id","tr"+i);   

             var mytd_1=mytr.insertCell();   

             var mytd_2=mytr.insertCell();   

             var mytd_3=mytr.insertCell();   

             var mytd_4=mytr.insertCell();   

             var mytd_5=mytr.insertCell();   

             mytd_1.innerHTML="";   

             mytd_2.innerHTML="男女";   

             mytd_3.innerHTML="上网篮球游泳";   

             mytd_4.innerHTML="北京河北天津";   

             mytd_5.innerHTML="";   

             i++;   

         }   

         //删除当前行   

         function delMyRow(j){   

             var mytable = document.getElementById("mybody");   

             var myrow = document.getElementById("tr"+j);   

             mytable.deleteRow(myrow.rowIndex-1);   

         }   

         //删除所有行   

         function delAllMyRow(){   

             var mytable = document.getElementById("mybody");   

             var rowlen=mytable.rows.length;   

             for(var i=rowlen-1;i>=0;i--){   

                 mytable.deleteRow(i);   

             }   

         }   

         

HTML代码：

 引用内容

 

         

               

                   

                       

                         姓名   

                     

 

                       

                         性别   

                     

 

                       

                         爱好   

                     

 

                       

                         籍贯   

                     

 

                       

                         操作   

                     

 

                 

 

             

 

               

               

             

 

         

 

第二个例子

function numberCells() {

var count=0;

for (i=0; i < document.all.oTable.rows.length; i++) {

for (j=0; j < document.all.oTable.rows(i).cells.length; j++) {

document.all.oTable.rows(i).cells(j).innerText = count;

count++;

}

}

}

function addline() 

{ 

var i=oTable.rows.length//获得表格长度 

var unamej = "uname'+i+'" ; 

var typej = "type'+i+'" ; 

newline=document.all.oTable.insertRow();

newline.insertCell().innerHTML=''; 

newline.insertCell().innerHTML=''; 

newline.insertCell().innerHTML=''; 

newline.insertCell().innerHTML=''; 

}

function delline() 

{ 

document.all.oTable.deleteRow(); 

}

    

    

    

 

 

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/787018/viewspace-707801/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/787018/viewspace-707801/