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에서 마지막 셀을 및 크롬과 사파리에서 첫 번째 셀을 제거합니다.

기술 세부 사항

반환 값:

반환 값 없음。

브라우저 지원

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원