자바스크립트 insertRow() 메서드


  번역 결과:

英 [inˈsə:t rəu] US [ˈnˈsɚt ro]

[계산] 줄 삽입

자바스크립트 insertRow() 메서드통사론

기능: 테이블의 지정된 위치에 새 행을 삽입하는 데 사용됩니다.

구문: ​​tableObject.insertRow(index)

반환: 새로 삽입된 행을 나타내는 TableRow를 반환합니다.

설명: 이 메서드는 새 <tr> 태그를 나타내는 새 TableRow 개체를 생성하고 이를 테이블의 지정된 위치에 삽입합니다. 새 행은 인덱스의 행 앞에 삽입됩니다. index가 테이블의 행 수와 같으면 새 행이 테이블 끝에 추가됩니다. 테이블이 비어 있으면 새 행이 새 <tbody> 섹션에 삽입되고 이 섹션 자체가 테이블에 삽입됩니다.

참고: TableRow.insertCell() 메서드를 사용하여 새로 생성된 행에 콘텐츠를 추가할 수 있습니다.

자바스크립트 insertRow() 메서드예

<html>
<head>
<script type="text/javascript">
function insRow()
  {
  document.getElementById('myTable').insertRow(0)
  }
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="insRow()"
value="Insert new row">

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A