Latest web development tutorials

HTML DOM (TR) 세포 컬렉션

그럴 개체 참조 그럴 객체

제 1 라인의 셀의 번호를 표시 :

VAR X = document.getElementById를 ( "myTable에" ) .rows [0] .cells.length;

X 출력은 다음과 같습니다

»시도

정의 및 사용

테이블 행 번호의 모든 <TD> 또는 <일> 요소를 세포의 컬렉션을 반환합니다.

주 : 소스 코드 순서 집합의 요소의순서는 동일하다.


브라우저 지원

설정
세포

문법

tableObject.cells

재산

재산 기술
길이 컬렉션 <TD> 번호 또는 <일> 요소를 돌려줍니다.

참고 :이 속성은 읽기 전용입니다.

방법

방법 기술
[Name_or_index] 위치를 검색 할 요소를 지정하는 정수 (0부터 시작)
항목(name_or_index) 지정된 인덱스의 요소의 컬렉션을 반환
namedItem(이름) 컬렉션 지정된 요소의 인덱스에서 인덱스의 이름을 돌려줍니다

기술 설명

DOM 버전 : 코어 레벨 2 문서 객체
반환 값 : 의 <TR> 모든 <TD> 또는 <일> 요소를 나타냅니다 HTMLCollection 객체입니다. 소스 코드 순서 집합의 요소의 순서는 동일하다.

더 많은 예제

[색인]

셀의 첫 번째 행의 내용을 팝 :

경고 (document.getElementById를 ( "myTable에") .rows [0] .cells [0]을 .innerHTML);

»시도

항목 (인덱스)

셀의 첫 번째 행의 내용을 팝 :

경고 (중요 document.getElementById ( "myTable에") .rows [0] .cells.item (0) .innerHTML);

»시도

namedItem (ID)

첫 번째 행 ID = "myTd"셀의 팝 내용 :

경고 (document.getElementById를 ( "myTable에") .rows [0] .cells.namedItem ( "myTd")를 .innerHTML);

»시도

첫 번째 셀의 내용을 수정

VAR X = document.getElementById를 ( "myTable에" ) .rows [0] .cells;
X [0] .innerHTML = "NEW CONTENT를";

»시도

그럴 개체 참조 그럴 객체