TableRow cells 집합

HTML DOM TableRow 객체

정의와 사용법

cells 집합이 테이블 행에 있는 모든 <td> 또는 <th> 요소 집합.

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

예제

예제 1

첫 번째 행의 셀 수를 표시합니다:

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

직접 시도해보세요

x의 결과는 다음과 같습니다:

2

예제 2: [index]

테이블 첫 번째 행의 첫 번째 셀의 innerHTML을 출력합니다:

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

직접 시도해보세요

예제 3: item(index)

테이블 첫 번째 행의 첫 번째 셀의 innerHTML을 출력합니다:

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

직접 시도해보세요

예제 4: namedItem(id)

id="myTd"인 테이블 첫 번째 행의 셀의 innerHTML을 출력합니다:

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

직접 시도해보세요

예제 5

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

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

직접 시도해보세요

문법

tableObject.cells

속성

속성 설명
length

집합에서 <td>와/또는 <th> 요소의 수를 반환합니다.

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

메서드

메서드 설명
[index]

집합에서 지정된 인덱스를 가진 <td>와/또는 <th> 요소를 반환합니다(0부터 시작).

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

집합에서 지정된 인덱스를 가진 <td>와/또는 <th> 요소를 반환합니다(0부터 시작).

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

지정된 id를 가진 집합에서 <td>와/또는 <th> 요소를 반환합니다.

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

기술 세부 사항

DOM 버전: Core Level 2 문서 객체
반환 값:

HTMLCollection 객체는 <tr> 요소 내의 모든 <td>와/또는 <th> 요소를 나타냅니다.

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

브라우저 지원

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

HTML DOM TableRow 객체