Table deleteRow() 메서드

HTML DOM Table 객체

정의와 사용법

deleteRow() 지정된 인덱스 위치에서 테이블에서 행을 제거하는 메서드입니다.

ヒント:사용하십시오 insertRow() 새 행을 생성하고 삽입하다.

다른 참조:

HTML 참조 매뉴얼:HTML <tr> 태그

예제

예제 1

표의 첫 번째 행을 제거하다:

document.getElementById("myTable").deleteRow(0);

직접 시도해보세요

예제 2

클릭한 행을 제거하다:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

직접 시도해보세요

예제 3

행을 생성하고 제거하다:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

직접 시도해보세요

문법

tableObject.deleteRow(index)

파라미터 값

파라미터 설명
index

Firefox와 Opera에서는 필수적이지만, IE, Chrome 및 Safari에서는 선택적입니다.

정수, 제거해야 할 행의 위치(0부터 시작)를 정의합니다.

값 0은 첫 번째 행이 지워지도록 합니다.

값 -1을 사용할 수도 있으며, 이는 마지막 행이 지워지도록 합니다.

이 파라미터를 생략하면, deleteRow()는 IE에서 마지막 행을, Chrome 및 Safari에서 첫 번째 행을 지우게 됩니다.

반환 값:

반환 값 없음.

브라우저 지원

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

HTML DOM Table 객체