Table cells 집합

정의와 사용법

cells 집합이 테이블에 있는 모든 <td> 또는 <th> 요소의 집합을 반환합니다。

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

안내:사용 rows 집합 테이블에 있는 모든 <tr> 요소의 집합을 반환합니다。

안내:이를 사용하세요 insertRow() 메서드 새 행 (<tr>)을 생성합니다。

안내:이를 사용하세요 deleteRow() 메서드 행을 삭제합니다。

안내:이를 사용하세요 insertCell() 메서드 새 셀(<td>)을 생성합니다。

안내:이를 사용하세요 deleteCell() 메서드 셀을 제거합니다。

다른 것을 참조하세요：

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

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

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

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

인스턴스

예제 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

속성

메서드

기술 세부 사항

브라우저 지원

도구함

JavaScript 및 HTML DOM 참조 가이드

JavaScript 예제

JavaScript 테스트

JavaScript 강의

스폰서 링크