动态添加删除表格行的js实现代码_javascript技巧



代码如下:



//窗口表格增加一行
function addNewRow(){
var tabObj=document.getElementById("myTab");//获取添加数据的表格
var rowsNum = tabObj.rows.length; //获取当前行数
var colsNum=tabObj.rows[rowsNum-1].cells.length;//获取行的列数
var myNewRow = tabObj.insertRow(rowsNum);//插入新行
var newTdObj1=myNewRow.insertCell(0);
newTdObj1.innerHTML="";
var newTdObj2=myNewRow.insertCell(1);
newTdObj2.innerHTML="";
var newTdObj3=myNewRow.insertCell(2);
newTdObj3.innerHTML="";
var newTdObj4=myNewRow.insertCell(3);
newTdObj4.innerHTML="";
}
//窗口表格删除一行
function removeRow(){
var chkObj=document.getElementsByName("chkArr");
var tabObj=document.getElementById("myTab");
for(var k=0;k if(chkObj[k].checked){
tabObj.deleteRow(k+1);
k=-1;
}
}
}

操作

序号

节点名称

节点比例