js实现增删table行

最新推荐文章于 2024-05-16 16:52:30 发布

fuanyu163

最新推荐文章于 2024-05-16 16:52:30 发布

阅读量95

点赞数

分类专栏： js 文章标签： J#

本文链接：https://blog.csdn.net/fuanyu163/article/details/83942704

版权

js 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

 
 //清空原有表格数据 
 
function  delCellRow(contId,elem){    
 
    var length = elem.length-1;  
 
    var str="";  
 
    for(var j=1;j<length;j++){  
 
        document.getElementById(contId).deleteRow(1);  
 
    }  
 
 08} 
 
  
 
 10//新增表格行 
 
function add(tableId,dataArr){   
 
    var addtable = document.getElementById(tableId);   
 
    var newRow = addtable.insertRow(addtable.rows.length-1);   
 
    var newTd0 = newRow.insertCell(0);   
 
    newTd0.innerHTML="内容1";     
 
    var newTd1 = newRow.insertCell(1);   
 
    newTd1.innerHTML="内容1";     
 
    var newTd2 = newRow.insertCell(2);   
 
    newTd2.innerHTML="内容2";   
 
    var newTd3 = newRow.insertCell(3);   
 
    newTd3.innerHTML="内容1";     
 
    var newTd4 = newRow.insertCell(4);   
 
    newTd4.innerHTML="内容2";   
 
    var newTd5 = newRow.insertCell(5);   
 
    newTd5.innerHTML="内容1";     
 
    var newTd6 = newRow.insertCell(6);   
 
    newTd6.innerHTML="内容2";   
 
    var newTd7 = newRow.insertCell(7);   
 
    newTd7.innerHTML="内容1";     
 
    var newTd8 = newRow.insertCell(8);   
 
    newTd8.innerHTML="内容2";    
 
 32} 
 
  
 
 34//添加数据为空的提示 
 
function addline(tableId){   
 
    var testTable = document.getElementById(tableId);  
 
    var newline = testTable.insertRow(testTable.rows.length-1);   
 
    newline.insertCell(0).innerHTML='暂时没有此类维修数据';   
 
 39}