속성 tFoot

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

문법

javascript테이블.tFoot;

예시

테이블 푸터를 빨간색으로 칠해 봅시다:

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.tFoot.style.color = 'red';

참고 항목

  • 테이블의 thead를 포함하는 속성 tHead,
  • 테이블의 tbody를 포함하는 속성 tBodies,
  • 테이블의 행을 포함하는 속성 rows,
  • 테이블의 셀을 포함하는 속성 cells,