la propiedad TableHeader cellIndex en HTML DOM se usa para devolver la posición de una celda en la colección de celdas de una fila de la tabla.
Sintaxis:
tableheaderObject.cellIndex
Valor devuelto: Devuelve un valor numérico que representa la posición de la celda en la colección de celdas de una fila de la tabla.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<!-- style to set border -->
<style>
table,
th,
td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM TableHeader CellIndex Property</h2>
<table>
<tr>
<th id="gfg" onclick="myGeeks(this)">
Username
</th>
<th id="gfg" onclick="myGeeks(this)">
Id
</th>
</tr>
<tr>
<td>geeks</td>
<td>23456</td>
</tr>
</table>
<p>
Click on TableHeader to get the CellIndex th element.
</p>
<!-- Script to access th element -->
<script>
function myGeeks(x) {
alert("cell index is: " + x.cellIndex);
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en la celda de la tabla: 
Después de hacer clic en la celda de la tabla:
Navegadores compatibles: los navegadores compatibles con DOM TableHeader cellIndex Property se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA