HTML DOM Table 대상

Table 객체

Table 객체는 HTML <table> 요소를 대표합니다.

Table 객체 접근

getElementById() 메서드를 사용하여 <table> 요소에 접근할 수 있습니다:

var x = document.getElementById("myTable");

직접 테스트해 보세요

Table 객체 생성

document.createElement() 메서드를 사용하여 <table> 요소를 생성할 수 있습니다:

var x = document.createElement("TABLE");

직접 테스트해 보세요

Table 객체 집합

집합 설명
cells 표에 있는 모든 <td> 또는 <th> 요소의 집합을 반환합니다.
rows 표에 있는 모든 <tr> 요소의 집합을 반환합니다.
tBodies 표에 있는 모든 <tbody> 요소의 집합을 반환합니다.

Table 객체 속성

속성 설명
align

HTML5에서는 지원하지 않습니다.대신 사용하십시오 style.cssFloat。

표가 주변 텍스트에 대한 정렬 방식을 설정하거나 반환합니다.
background

HTML5에서는 지원하지 않습니다.대신 사용하십시오 style.background。

표의 배경이미지를 설정하거나 반환합니다.
bgColor

HTML5에서는 지원하지 않습니다.대신 사용하십시오 style.backgroundColor。

표의 배경색을 설정하거나 반환합니다.
border

사용 중지됨.대신 사용하십시오 style.border。

표의 박스선 너비를 설정하거나 반환합니다.
caption 표의 <caption> 요소를 반환합니다.
cellPadding

HTML5에서는 지원하지 않습니다.대신 사용하십시오 style.padding。

셀 박스와 셀 내용 사이의 공간량을 설정하거나 반환합니다.
cellSpacing

HTML5에서는 지원하지 않습니다.대신 사용하십시오 style.borderSpacing。

테이블에서 셀 간의 공간을 설정하거나 반환합니다.
frame

HTML5에서는 지원하지 않습니다.

표시할 수 있는(테이블의) 외부 경계선을 설정하거나 반환합니다.
height

HTML5에서는 지원하지 않습니다.대신 사용하십시오 style.height。

테이블의 높이를 설정하거나 반환합니다.
rules

HTML5에서는 지원하지 않습니다.

테이블에서 표시할 내부 경계선(셀 간)을 설정하거나 반환합니다.
summary

HTML5에서는 지원하지 않습니다.

테이블 데이터에 대한 설명을 설정하거나 반환합니다.
tFoot 테이블의 <tfoot> 요소에 대한 참조를 반환합니다.
tHead 테이블의 <thead> 요소에 대한 참조를 반환합니다.
width

HTML5에서는 지원하지 않습니다.대신 사용하십시오 style.width。

테이블의 너비를 설정하거나 반환합니다.

Table 객체 메서드

메서드 설명
createCaption() 빈 <caption> 요소를 테이블에 추가하는 빈 <caption> 요소를 생성합니다.
createTFoot() 빈 <tfoot> 요소를 테이블에 추가하는 빈 <tfoot> 요소를 생성합니다.
createTHead() 생성하고 테이블에 추가하는 빈 <thead> 요소를 생성합니다.
deleteCaption() 첫 번째 <caption> 요소를 테이블에서 제거합니다.
deleteRow() 테이블에서 한 행 (<tr>)을 제거합니다.
deleteTFoot() <tfoot> 요소를 테이블에서 제거합니다.
deleteTHead() <thead> 요소를 테이블에서 제거합니다.
insertRow() 빈 <tr> 요소를 생성하고 테이블에 추가합니다.

표준 속성과 이벤트를 지원합니다

Table 객체는 표준속성와이벤트。

관련 페이지

HTML 강의:HTML 테이블

HTML 참조서:HTML <table> 태그