tHead 속성

tHead 속성은 테이블의 thead 에 대한 참조를 저장합니다.

구문

javascripttable.tHead;

예시

테이블 헤더를 빨간색으로 칠해보겠습니다:

html<table id="table">
  <thead>
    <tr>
      <th>header1</th>
      <th>header2</th>
      <th>header3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>value</td>
      <td>value</td>
      <td>value</td>
    </tr>
    <tr>
      <td>value</td>
      <td>value</td>
      <td>value</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>total</td>
      <td>total</td>
      <td>total</td>
    </tr>
  </tfoot>
</table>

javascriptlet table = document.querySelector('#table');
table.tHead.style.color = 'red';

함께 보기