table 개체의 줄 개체(tr)들의 컬랙션을 참조한다.

인수
: (개체)
필수적인 요소이고 컬렉션을 포함하는 모체 개체이다.

cVal : (컬렉션)
선택적인 요소이고 값은 컬렉션을 나타내는 개체이다. tr 개체들로 구성된다.

oVal : (개체)
선택적인 요소이고 값은 컬렉션의 한개의 엘레멘트 개체이다.

index : (정수/문자열)
필수적인 요소이고 값은 컬렉션의 인수나 문자열로 한개의 엘레멘트 개체나 다른 컬렉션을 참조할수 있고 배열변수의 규칙에따라 0부터 시작하고 제일 마지막 인수는 길이보다 1 작다. 같은 name이나 id 속성을 가진 개체들이 있는 경우에는 컬렉션을 반환한다.

subIndex : (문자열)
선택적인 요소이고 값은 컬렉션의 반환받고저 하는 개체의 위치를 지정하며 name이나 id 속성값을 지정하는 문자열이다. 일치하는 개체나 컬렉션을 반환한다.

특기

rows 컬렉션은 테이블의 table, tHead, tBody나 tFoot 개체에 적용된다.
table 개체에서 rows 컬렉션은 모든 칸(th와 td)들을 포함한다.
tr 개체에서 rows 컬렉션은 rowIndex와 sectionRowIndex 두가지 인수 속성들을 갖는다.
rowIndex 속성은 전체 table에서 tr의 rows 컬렉션 위치를 나타내는데 반해,
sectionRowIndex 속성은 지정된 table 섹션(section)에서 tr의 rows 컬렉션 위치를 나타낸다.

동일한 인식자들이 있으면 그 인식자로 컬렉션을 반환하고, 배열변수의 규칙에따라 순차적 인수로 호출할 수 있다.

적용
개체scriptHTML규격IE
참조
caption cells col colGroup rows table tBodies tBody td tFoot th tHead tr

이 컬렉션은 (영문)DOM Level 1(W3C Document Object Model)에 정의되었다.


설명을 위한 예제

TH 1TH 2
d11 d12
d21 d22

length 속성 IE
⇒ 컬렉션의 길이를 반환하거나 지정한다.
문법: [cVal=]
문법: [oVal=]
문법: [iVal=].length
코드: document.write(oObj.length); 결과:

item 메서드 IE
⇒ 인덱스로 컬렉션의 한개의 개체를 반환한다.
문법: .item(index)
코드: document.write(oObj.item(0).innerText) 결과:
namedItem 메서드 IE6
⇒ id나 name 문자열로 컬렉션에서 개체나 하부 컬렉션을 반환한다.
문법: .namedItem(sVal)
코드: document.write(oObj.namedItem('tr3').cells.length) 결과:
tags 메서드 IE
⇒ 컬렉션에서 HTML 엘레멘트 이름 문자열과 일치하는 한개의 엘레맨트 개체를 반환한다.
문법: .tags(sVal)
코드: document.write(oObj.tags('TR').length) 결과:
urns 메서드 IE
⇒ behavior가 첨부된 모든 개체의 컬렉션을 반환한다.
문법: [oVal=].urns('sVal')
코드: document.write(oObj.urns('../public/hilite.htc')) 결과:

, cells 개체 예제

    
       
       
결과 표시창
<TABLE id=oTable border=1 width=500>
<TR><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
</TABLE>
<SCRIPT>
function numberCells() {
  obj=document.all.oTable;
  str='';
  var numb=0;
  for (i=0;i< obj.rows.length; i++) {
    for (j=0;j< obj.rows(i).cells.length; j++){
      obj1=obj.rows(i).cells(j);
      obj1.id='cell'+numb;
      obj1.innerHTML='cell#='+numb;
      str+='obj.rows('+i+').cells('+j+'): #='+numb+', id='+obj1.id+', ';
      str+='cellIndex='+obj.cells(numb).cellIndex+', ';
      str+='rowIndex='+obj.cells[numb].parentElement.rowIndex+', ';
      str+='sectionRowIndex='+obj.cells[numb].parentElement.sectionRowIndex+'<BR>';
      numb++;
    }
  }
  showA.innerHTML=str;
}
</SCRIPT>
<BUTTON onclick="numberCells()">결과 보기</BUTTON>
<DIV id=showA>결과 표시창</DIV>