자바스크립트 연산표(insertRow, deleteRow, insertCell, deleteCell 메소드 상세 설명)_javascript 스킬

insertRow() 메서드

정의 및 사용법

insertRow() 메서드는 테이블의 지정된 위치에 새 행을 삽입하는 데 사용됩니다.

문법

tableObject.insertRow(색인)

반환값

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

설명

이 메소드는 새로운 태그를 나타내는 새로운 TableRow 객체를 생성하고 이를 테이블의 지정된 위치에 삽입합니다.

새 행은 인덱스 행 앞에 삽입됩니다. index가 테이블의 행 수와 같으면 새 행이 테이블 끝에 추가됩니다.

테이블이 비어 있으면 새 행이 새 세그먼트에 삽입되고 이 세그먼트 자체가 테이블에 삽입됩니다.

던지기

매개변수 인덱스가 0보다 작거나 테이블의 행 수보다 크거나 같은 경우 이 메서드는 INDEX_SIZE_ERR 코드와 함께 DOMException 예외를 발생시킵니다.

예제

코드 복사 코드는 다음과 같습니다.

< td>Row1 셀2

Row1 cell1
Row2 셀1	Row2 셀2

value="새 항목 삽입 행">

deleteCell()

정의 및 사용법

deleteCell() 메서드는 테이블 행에서 셀( 요소)을 삭제하는 데 사용됩니다.

문법

tablerowObject.deleteCell(색인)

설명

매개변수 인덱스는 행에서 삭제할 테이블 요소의 위치입니다.

이 방법은 테이블 행의 지정된 위치에 있는 테이블 요소를 삭제합니다.

던지기

매개변수 인덱스가 0보다 작거나 행의 테이블 요소 수보다 크거나 같은 경우 이 메소드는 INDEX_SIZE_ERR 코드와 함께 DOMException 예외를 발생시킵니다.

예제

코드 복사 코드는 다음과 같습니다.

Row1 cell1	Row1 cell2
Row2 셀1	Row2 셀2

value="첫 번째 행 삭제">

insertCell()

정의 및 사용법

insertCell() 메서드는 HTML 테이블 행의 지정된 위치에 빈 요소를 삽입하는 데 사용됩니다.

문법

tablerowObject.insertCell(색인)

반환값

새로 생성되어 삽입된 요소를 나타내는 TableCell 개체입니다.

설명

이 메소드는 새로운 요소를 생성하여 행의 지정된 위치에 삽입합니다. 새 셀은 현재 인덱스로 지정된 위치에 있는 셀 앞에 삽입됩니다. index가 행의 셀 수와 같으면 새 셀이 행 끝에 추가됩니다.

이 방법은 데이터 테이블 요소만 삽입할 수 있습니다. 행에 헤더 요소를 추가해야 하는 경우 Document.createElement() 메서드와 Node.insertBefore() 메서드(또는 관련 메서드)를 사용하여 요소를 만들고 삽입해야 합니다.

던지기

매개변수 인덱스가 0보다 작거나 행의 테이블 요소 수보다 크거나 같은 경우 이 메소드는 INDEX_SIZE_ERR 코드와 함께 DOMException 예외를 발생시킵니다.

예제

코드 복사 코드는 다음과 같습니다.

<번째>이름
<번째>성 < /tr>

deleteCell()

정의 및 사용법 deleteCell() 메서드는 테이블 행에서 셀( 요소)을 삭제하는 데 사용됩니다.

문법

tablerowObject.deleteCell(색인)

설명

매개변수 인덱스는 행에서 삭제할 테이블 요소의 위치입니다.

이 방법은 테이블 행의 지정된 위치에 있는 테이블 요소를 삭제합니다.

던지기

매개변수 인덱스가 0보다 작거나 행의 테이블 요소 수보다 크거나 같은 경우 이 메소드는 INDEX_SIZE_ERR 코드와 함께 DOMException 예외를 발생시킵니다.

예제

코드 복사

코드는 다음과 같습니다.





<번째>이름
<번째>성

< /tr>

피터	그리핀

프로젝트 내 애플리케이션:

코드 복사

코드는 다음과 같습니다.