이 예제에서는 JS의 동적으로 테이블을 동적으로 추가하는 TR 및 TD 구현 방법을 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<제목> </title>
<script language = "javaScript">
var temprow = 0;
var maxrows = 0;
함수 inserTrows () {
temprow = table1.rows.length-1;
Maxrows = Temprow;
Temprow = Temprow+1;
var rows = table1.rows; // 배열과 같은 행
var newrow = table1.insertrow (표 1.rows.length); // 새 행을 삽입하십시오
var cells = newrow.cells; // 배열 형 셀
for (i = 0; i <2; i ++) // 행당 데이터의 7 열
{
var newcell = 행 (newrow.rowindex) .insertcell (cells.length);
newcell.align = "센터";
스위치 (I)
{
사례 0 : newCell.innerHtml = "<td valign = 'top'> corpname </td>"; 부서지다;
사례 1 : newCell.innerHtml = "<td valign = 'top'> <a href = 'javaScript : deltablerow (/" "+temprow+"/")'> delete </a> </td>"; 부서지다;
}
}
Maxrows+= 1;
}
함수 deltablerow (rownum) {
if (표 1.rows.length> rownum) {
표 1.Deleterow (rownum);
}
}
</스크립트>
</head>
<body>
<form action = "">
<table cellPacing = "0"CellPadding = "0"align = "Center">
<tr valign = "top">
<th>
<입력 값 = "add"type = "button"onclick = "inserTrows ()">
</th>
</tr>
</테이블>
<br />
<테이블 align = "center"id = "table1">
<tr>
<th> 회사 이름 </th>
<th> 작동 <th>
</tr>
</테이블>
</form>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.