Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
HTMLTableCellElement : propriété headers
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété headers de l'interface HTMLTableCellElement contient une liste d'identifiants des éléments <th> qui sont des entêtes pour cette cellule spécifique.
Valeur
Une chaîne de caractères contenant des identifiants séparés par des espaces.
Exemples
Cet exemple liste l'identifiant de la dernière cellule cliquée du tableau :
HTML
<table>
<thead>
<tr>
<th rowspan="2" id="h">Devoirs (ID = h)</th>
<th colspan="3" id="e">Examens (ID = e)</th>
<th colspan="3" id="p">Projets (ID = p)</th>
</tr>
</thead>
<tbody>
<tr>
<th id="e1" headers="e">1 (ID = e1)</th>
<th id="e2" headers="e">2 (ID = e2)</th>
<th id="ef" headers="e">Final (ID = ef)</th>
<th id="p1" headers="p">1 (ID = p1)</th>
<th id="p2" headers="p">2 (ID = p2)</th>
<th id="pf" headers="p">Final (ID = pf)</th>
</tr>
<tr>
<td headers="h">15%</td>
<td headers="e e1">15%</td>
<td headers="e e2">15%</td>
<td headers="e ef">20%</td>
<td headers="p p1">10%</td>
<td headers="p p2">10%</td>
<td headers="p pf">15%</td>
</tr>
</tbody>
</table>
Identifiants des entêtes de la dernière cellule cliquée :
<output>aucun</output>.
table {
border-collapse: collapse;
}
th,
td,
table {
border: 1px solid black;
}
button {
margin: 1em 1em 1em 0;
}
JavaScript
const table = document.querySelector("table");
const output = document.querySelector("output");
table.addEventListener("click", (ev) => {
output.textContent = ev.target.headers ? ev.target.headers : "none";
});
Résultat
Spécifications
| Spécification |
|---|
| HTML # dom-tdth-headers |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.