table 탐색

lee jae hwan·2022년 8월 11일

javascript

목록 보기
102/107

일부 DOM요소노드는 기본 프로퍼티 외에 추가적인 프로퍼티를 지원한다.

< table >요소는 다음과 같은 프로퍼티를 지원한다.

table.rows는 < tr >요소 컬렉션을 참조한다.

table.caption/tHead/tFoot은 각각 < caption >, < thead >, < tfoot > 요소를 참조한다.

table.tBodies는 < tbody > 요소 컬렉션을 참조한다.
표준에 따르면, 테이블 내에 여러 개의 < tbody >가 존재하는 게 가능한데, 최소한 하나는 무조건 있어야 한다.
HTML 문서에는 < tbody >가 없더라도 브라우저는 < tbody > 노드를 DOM에 자동으로 추가한다.


< thead >, < tfoot >, < tbody >요소노드는 rows 프로퍼티를 지원한다.
tbody.rows는 tbody 내 < tr > 요소 컬렉션을 참조한다.


< tr > 요소는 다음 프로퍼티를 지원한다.
tr.cells는 주어진 < tr > 안의 모든 < td >, < th >요소노드 컬렉션을 반환한다.
tr.sectionRowIndex는 주어진 < tr >이 < thead >/< tbody >/< tfoot >안쪽에서 몇 번째 줄에 위치하는지를 나타내는 인덱스를 반환한다.
tr.rowIndex는 < table >내에서 해당 이 몇 번째 줄인 지를 나타내는 숫자를 반환한다.


< td >와 < th > 요소는 다음 프로퍼티를 지원한다. td.cellIndex는 < td >나 < th >가 속한 < tr >에서 해당 셀이 몇 번째인지를 나타내는 숫자를 반환한다.

0개의 댓글