예
테이블에 얼마나 많은 행을 알아보십시오 :
var x = document.getElementById("myTable").rows.length;X의 결과는 다음과 같습니다
2 »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
Rows 컬렉션의 모든 컬렉션 반환 <tr> 테이블의 요소를.
Note: 그들은 소스 코드에 나타나는 컬렉션의 요소가 분류되어 있습니다.
팁 : 사용 insertRow() 에 새 행을 생성하는 방법 (<tr>) .
팁 : 사용 deleteRow() 행을 제거하는 방법.
팁 : 사용 insertCell() 새로운 세포를 만드는 방법 (<td>) .
팁 : 사용 deleteCell() 셀을 삭제하는 방법.
팁 : 사용하여 세포의 모든 컬렉션을 반환하는 모음을 <td> 또는 <th> 테이블의 요소를.
브라우저 지원
| 수집 | |||||
|---|---|---|---|---|---|
| rows | 예 | 예 | 예 | 예 | 예 |
통사론
tableObject .rows등록
| 재산 | 기술 |
|---|---|
| length | 의 수를 돌려줍니다 <tr> 컬렉션의 요소를. 참고 :이 속성은 읽기 전용 |
행동 양식
| 방법 | 기술 |
|---|---|
| [ index ] | 수익 <tr> 지정된 인덱스 컬렉션에서 요소 (starts at 0) . 주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다 |
| item( index ) | 수익 <tr> 지정된 인덱스 컬렉션에서 요소 (starts at 0) . 주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다 |
| namedItem( id ) | 반품 <tr> 지정된 ID를 가진 컬렉션에서 요소를. 참고 : ID가 존재하지 않는 경우는 null를 돌려줍니다 |
기술적 세부 사항
| DOM 버전 : | 코어 레벨 2 문서 객체 |
|---|---|
| 반환 값 : | 모든 나타내는 HTMLCollection 객체 <tr> 요소 <table> 요소. 그들은 소스 코드에 나타나는 컬렉션의 요소는 분류되어 있습니다 |
더 예
예
[인덱스]
최초의 innerHTML 경고 <tr> 요소 (index 0) 테이블을 :
alert(document.getElementById("myTable").rows[0].innerHTML; »그것을 자신을 시도 예
item( index )
최초의 innerHTML 경고 <tr> 요소 (index 0) 테이블을 :
alert(document.getElementById("myTable").rows.item(0).innerHTML); »그것을 자신을 시도 예
namedItem( id )
의 innerHTML 경고 <tr> 표에서 ID = "myRow"와 소자 :
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML); »그것을 자신을 시도 예
첫 번째 테이블 셀의 내용을 변경합니다 :
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; »그것을 자신을 시도 관련 페이지
HTML 참조 : HTML <tr> 태그
자바 스크립트 참조 : HTML DOM TableRow 개체
<표 개체