최신 웹 개발 튜토리얼
 

TableRow 세포 컬렉션

<TableRow 개체

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

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

X의 결과는 다음과 같습니다

2
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

세포 콜렉션이 모든 컬렉션 리턴 <td> 또는 <th> 테이블 행의 요소.

Note: 그들은 소스 코드에 나타나는 컬렉션의 요소가 분류되어 있습니다.


브라우저 지원

수집
cells

통사론

tableObject .cells

등록

재산 기술
length 수 리턴 <td> 및 / 또는 <th> 컬렉션 요소.

참고 :이 속성은 읽기 전용

행동 양식

방법 기술
[ index ] 반환 <td> 및 / 또는 <th> 지정된 인덱스 집합에서 원소 (starts at 0) .

주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
item( index ) 반환 <td> 및 / 또는 <th> 지정된 인덱스 집합에서 원소 (starts at 0) .

주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
namedItem( id ) 반환 <td> 및 / 또는 <th> 지정된 ID와 컬렉션 소자.

참고 : ID가 존재하지 않는 경우는 null를 돌려줍니다

기술적 세부 사항

DOM 버전 : 코어 레벨 2 문서 객체
반환 값 : HTMLCollection 나타내는 개체 모두 <td> 및 / 또는 <th> 요소 <tr> 엘리먼트. 그들은 소스 코드에 나타나는 컬렉션의 요소는 분류되어 있습니다

예

더 예

[인덱스]

테이블의 첫 번째 행의 첫 번째 셀의 innerHTML을 경고 :

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
»그것을 자신을 시도

item( index )

테이블의 첫 번째 행의 첫 번째 셀의 innerHTML을 경고 :

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
»그것을 자신을 시도

namedItem( id )

테이블의 첫 번째 행의 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 개체