Table rows 집합

HTML DOM Table 객체

정의와 사용법

rows 집합은 테이블에 모든 <tr> 요소의 집합을 반환합니다.

주석:집합의 요소는 원본 코드에서 등장하는 순서로 정렬됩니다.

푸터링:사용하십시오 insertRow() 메서드 새 행 (<tr>)을 생성합니다.

푸터링:사용하십시오 deleteRow() 메서드 행을 지우기

푸터링:사용하십시오 insertCell() 메서드 새 셀(<td>)을 생성하십시오.

푸터링:사용하십시오 deleteCell() 메서드 셀을 지우기

푸터링:사용하십시오 cells 집합 테이블에 모든 <td> 또는 <th> 요소의 집합을 반환합니다.

다른 것을 참조하세요：

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

JavaScript 참조 매뉴얼：HTML DOM TableRow 객체

예시

예제 1

테이블에 몇 행이 있는지 파악합니다：

var x = document.getElementById("myTable").rows.length;

직접 시도해 보세요

x의 결과는 다음과 같을 것입니다：

2

예제 2: [index]

첫 번째 <tr> 요소(인덱스 0)의 innerHTML을 표시합니다：

alert(document.getElementById("myTable").rows[0].innerHTML;

직접 시도해 보세요

예제 3: item(index)

첫 번째 <tr> 요소(인덱스 0)의 innerHTML을 표시합니다：

alert(document.getElementById("myTable").rows.item(0).innerHTML);

직접 시도해 보세요

예제 4: namedItem(id)

id="myRow"의 테이블 내 <tr> 요소의 innerHTML을 표시합니다：

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

직접 시도해 보세요

예제 5

첫 번째 테이블 셀의 내용을 변경합니다:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";

직접 시도해 보세요

문법

tableObject.rows

속성

속성 설명
length

집합에 있는 <tr> 요소의 수를 반환합니다.

주석:이 속성은 읽기 전용입니다.

메서드

메서드 설명
[index]

지정된 인덱스를 가진 <tr> 요소를 반환합니다(0부터 시작).

주석:인덱스 번호가 범위를 벗어나면 null을 반환합니다.
item(index)

지정된 인덱스를 가진 <tr> 요소를 반환합니다(0부터 시작).

주석:인덱스 번호가 범위를 벗어나면 null을 반환합니다.
namedItem(id)

지정된 id를 가진 <tr> 요소를 포함한 집합을 반환합니다.

주석:id가 존재하지 않으면 null을 반환합니다.

기술 세부 사항

DOM 버전: Core Level 2 Document Object
반환 값:

HTMLCollection 객체는 <table> 요소에 있는 모든 <tr> 요소를 나타냅니다.

집합의 요소는 원본 코드에서 등장하는 순서로 정렬됩니다.

브라우저 지원

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

HTML DOM Table 객체