Egenskaben tHead

Egenskaben tHead gemmer en reference til thead tabellen.

Syntaks

javascripttabel.tHead;

Eksempel

Lad os farve tabellens overskrift rød:

html<table id="table">
  <thead>
    <tr>
      <th>header1</th>
      <th>header2</th>
      <th>header3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>værdi</td>
      <td>værdi</td>
      <td>værdi</td>
    </tr>
    <tr>
      <td>værdi</td>
      <td>værdi</td>
      <td>værdi</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>resultat</td>
      <td>resultat</td>
      <td>resultat</td>
    </tr>
  </tfoot>
</table>

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

Se også