Dom HTML : Objet Table.tHead

La propriété javascript tHead

Définition

L'attribut javascript tHead de l'objet Table du Document Object Model HTML (DOM HTML) permet de récupérer la balise HTML THEAD d'une balise HTML TABLE.

Info Dom Level 1

Dans le Document Object Model Level 1, L'attribut javascript tHead de l'objet Table du Document Object Model HTML (DOM HTML) renvoie "void" s'il n'y a pas de balise HTML ou XHTML THEAD.

Valeur retournée et acceptée de tHead

Valeur retournée et acceptée

L'attribut javascript tHead de l'objet Table du Document Object Model HTML (DOM HTML) renvoie comme valeur :
- un Objet TableSection
- null si la balise HTML THEAD n'existe pas.

L'attribut javascript tHead de l'objet Table du Document Object Model HTML (DOM HTML) accepte comme valeur :
- un Objet TableSection de type THEAD.

Exception

L'attribut javascript tHead de l'objet Table du Document Object Model HTML (DOM HTML) renvoie comme exception :
- HIERARCHY_REQUEST_ERR s'il ne s'agit pas d'un élément CAPTION.

Exemples de tHead

Exemple

Voici le document HTML:
Exemple de code :
<table border="1" cellpadding="2" id="table">
  <thead>
    <tr>
      <td> thead = 0 </td>
      <td> thead = 1 </td>
      <td> thead = 2 </td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> tbody = 0 </td>
      <td> tbody = 1 </td>
      <td> tbody = 2 </td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td> tfoot = 0 </td>
      <td> tfoot = 1 </td>
      <td> tfoot = 2 </td>
    </tr>
  </tfoot>
</table><span onclick="table_tHead()">Cliquer pour tester table.tHead</span>
<div id="testresultat"></div>

Code javascript :
Exemple de code :
<script type="text/javascript">
function table_tHead(){
  var oTable = document.getElementById('table');
  var oTest = document.getElementById('testresultat');
  var msg = '<br/>Résultat : <br/>';
  var tr = oTable.tHead.rows;
  for(var i = 0, nb = tr.length; i < nb; i++){
    var td = tr.item(i).cells;
    for(var h=0, nbtd = td.length; h < nbtd; h++){
      msg += td[h].innerHTML+"<br>";
    }
  }
  oTest.innerHTML = msg;
}
</script>

thead = 0 thead = 1 thead = 2
tbody = 0 tbody = 1 tbody = 2
tfoot = 0 tfoot = 1 tfoot = 2

Cliquer pour tester table.tHead
La balise HTML et XHTML THEAD, permet de définir un ensemble de lignes comme "entête" du tableau.<THEAD> </THEAD>La balise HTML et XHTML THEAD est uti...[Voir]La balise HTML et XHTML TABLE englobe tous les éléments du tableau.<TABLE> </TABLE> Un tableau doit commencer par la balise HTML et XHTML <TABLE> et s...[Voir]