TableHeader headers 속성

정의 및 사용법

headers 속성 설정 또는 headers 속성 값을 반환합니다.

<th> headers 속성 현재 데이터 요소를 포함하는 제목 정보를 포함한 제목 요소 목록을 정의합니다.

자세히 보기:

HTML 참조 매뉴얼:HTML <th> 태그

실例

예제 1

"myTh" ID를 가진 <th> 요소의 headers 속성 값을 반환합니다:

var x = document.getElementById("myTh").headers;

본인이 직접 시도해 보세요

예제 2

두 번째 행의 셀 제목을 표시합니다:

var table = document.getElementById("myTable");
var txt = "";
var i;
for (i = 0; i < table.rows[1].cells.length; i++) {
  txt = txt + table.rows[1].cells[i].headers + "<br>";
}

본인이 직접 시도해 보세요

예제 3

"myTh" ID를 가진 <th> 요소의 headers 속성 값을 변경합니다:

document.getElementById("myTh").headers = "newValue";

본인이 직접 시도해 보세요

문법

headers 속성 반환:

tableheaderObject.headers

설정 headers 속성:

tableheaderObject.headers = header_ids

속성 값

설명
header_ids 공백으로 구분된 하나나 여러 개의 제목 셀의 id 목록을 정의합니다. 테이블 셀과 관련된 제목 셀입니다.

기술 세부 사항

반환 값: 공백으로 구분된 제목 셀 식별자 목록을 포함하는 문자열 값.

브라우저 지원

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원

관련 페이지

HTML 참조 매뉴얼:HTML <th> 헤더 속성