TableRow 셀 컬렉션
예시
첫 번째 행의 셀 수 표시:
var x = document.getElementById("myTable").rows[0].cells.length;
x 의 결과 는 다음과 같습니다.
2
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
cells 컬렉션은 테이블 행에 있는 모든 <td> 또는 <th> 요소의 컬렉션을 반환합니다.
참고: 컬렉션의 요소는 소스 코드에 나타나는 대로 정렬됩니다.
브라우저 지원
| Collection | |||||
|---|---|---|---|---|---|
| cells | Yes | Yes | Yes | Yes | Yes |
통사론
tableObject.cells
속성
| Property | Description |
|---|---|
| length | Returns the number of <td> and/or <th> elements in the collection. Note: This property is read-only |
행동 양식
| Method | Description |
|---|---|
| [index] | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
| item(index) | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
| namedItem(id) | Returns the <td> and/or <th> element from the collection with the specified id. Note: Returns null if the id does not exist |
기술적 세부 사항
| DOM 버전: | 핵심 수준 2 문서 개체 |
|---|---|
| 반환 값: | <tr> 요소의 모든 <td> 및/또는 <th> 요소를 나타내는 HTMLCollection 개체입니다. 컬렉션의 요소는 소스 코드에 나타나는 대로 정렬됩니다. |
더 많은 예
예시
[ 인덱스 ]
테이블의 첫 번째 행에 있는 첫 번째 셀의 innerHTML을 경고합니다.
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
예시
항목( 인덱스 )
테이블의 첫 번째 행에 있는 첫 번째 셀의 innerHTML을 경고합니다.
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
예시
명명된 항목( 아이디 )
테이블의 첫 번째 행에 id="myTd"가 있는 셀의 innerHTML을 경고합니다.
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
예시
첫 번째 표 셀의 내용을 변경합니다.
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
❮ TableRow 개체