ITPub博客

首页 > Linux操作系统 > Linux操作系统 > js动态添加删除表格

js动态添加删除表格

原创 Linux操作系统 作者:chinaguy 时间:2011-09-17 21:44:17 0 删除 编辑
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/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2009-03-21

  • 博文量
    30
  • 访问量
    137287