The code copy is as follows:
<html>
<head>
<script language="javascript">
//Add a row in the window table
function addNewRow(){
var tabObj=document.getElementById("myTab");//Get the table to add data
var rowsNum = tabObj.rows.length; //Get the current number of rows
var colsNum=tabObj.rows[rowsNum-1].cells.length;//Get the number of columns of rows
var myNewRow = tabObj.insertRow(rowsNum);//Insert new row
var newTdObj1=myNewRow.insertCell(0);
newTdObj1.innerHTML="<input type='checkbox' name='chkArr' id='chkArr'"+rowsNum+" style='width:20px' />";
var newTdObj2=myNewRow.insertCell(1);
newTdObj2.innerHTML="<input type='text' name='nodecode' id='nodecode'"+rowsNum+" style='width:40px' value='"+rowsN um+"'/>";
var newTdObj3=myNewRow.insertCell(2);
newTdObj3.innerHTML="<input type='text' name='nodename' id='nodename'"+rowsNum+" style='width:120px' />";
var newTdObj4=myNewRow.insertCell(3);
newTdObj4.innerHTML="<input type='text' name='nodeper' id='nodeper'"+rowsNum+" style='width:60px' />";
}
//Delete a row in the window table
function removeRow(){
var chkObj=document.getElementsByName("chkArr");
var tabObj=document.getElementById("myTab");
for(var k=0;k<chkObj.length;k++){
if(chkObj[k].checked){
tabObj.deleteRow(k+1);
k=-1;
}
}
}
</script>
</head>
<body>
<input type="button" name="xx" onclick="addNewRow();" value="Add a row" />
<input type="button" name="yy" onclick="removeRow();" value="Delete a line" />
<table cellpadding="0" cellpacing="0" id="myTab">
<tr>
<td align="center" >Operation</td>
<td align="center" >Serial number</td>
<td align="center" >Node name</td>
<td align="center" >Node ratio</td>
</tr>
</table>
</body>
</html>