TableRow deleteCell() 메서드
정의와 사용법
deleteCell()
메서드는 현재 테이블 행에서 셀을 지웁니다。
추천이를 사용하세요 insertCell() 메서드 현재 테이블 행에 셀을 삽입합니다。
다른 것을 참조하세요:
HTML 참조 매뉴얼:HTML <tr> 태그
예제
예제 1
id="myRow"의 테이블 행에서 첫 번째 셀을 지웁니다:
var row = document.getElementById("myRow"); row.deleteCell(0);
예제 2
id="myRow"의 테이블 행에서 마지막 셀을 지웁니다:
var row = document.getElementById("myRow"); row.deleteCell(-1);
예제 3
id="myRow"의 테이블 행에서 인덱스 위치 1에서 셀을 지웁니다:
var row = document.getElementById("myRow"); row.deleteCell(1);
예제 4
첫 번째 테이블 행의 시작 셀을 지웁니다.
테이블의 rows 컬렉션 (.rows[0])은 id가 "myTable"인 테이블의 모든 <tr> 요소의 컬렉션을 반환합니다. 숫자 [0]는 검색할 요소를 정의하며, 이 예제에서는 첫 번째 테이블 행입니다.
그런 다음 deleteCell() 메서드를 사용하여 인덱스 위치 0에서 셀을 지웁니다:
var firstRow = document.getElementById("myTable").rows[0]; firstRow.deleteCell(0);
예제 5
id="myRow"의 테이블 행의 시작에 내용을 포함한 새 셀을 삽입합니다:
var row = document.getElementById("myRow"); var x = row.insertCell(0); x.innerHTML = "새 셀";
문법
tablerowObject.deleteCell(index)
파라미터 | 설명 |
---|---|
index |
Firefox와 Opera에서는 필수적이지만, IE, Chrome 및 Safari에서는 선택적입니다. 0부터 시작하는 정수로, 현재 행에서 지우려는 셀의 위치를 정의합니다. 값 0은 첫 번째 셀을 지우는 데 사용됩니다. -1 값도 사용할 수 있으며, 이는 마지막 셀을 지우는 데 사용됩니다. 이 파라미터를 생략하면 deleteCell()는 IE에서 마지막 셀을 및 크롬과 사파리에서 첫 번째 셀을 제거합니다. |
기술 세부 사항
반환 값:
반환 값 없음。
브라우저 지원
크롬 | 에지 | 파이어폭스 | 사파리 | 오퍼라 |
---|---|---|---|---|
크롬 | 에지 | 파이어폭스 | 사파리 | 오퍼라 |
지원 | 지원 | 지원 | 지원 | 지원 |