코드 사본은 다음과 같습니다.
<html>
<헤드>
<script language = "javaScript">
// 창 테이블에 행을 추가합니다
함수 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 = "<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' />";
}
// 창 테이블에서 행을 삭제합니다
함수 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;
}
}
}
</스크립트>
</head>
<body>
<input type = "button"name = "xx"onclick = "addnewrow ();" "행 추가" />
<input type = "button"name = "yy"onclick = "removerow ();" " />
<table cellPadding = "0"CellPacing = "0"id = "MyTab">
<tr>
<td align = "center"> Operation </td>
<td align = "center"> 일련 번호 </td>
<td align = "center"> 노드 이름 </td>
<td align = "center"> 노드 비율 </td>
</tr>
</테이블>
</body>
</html>