¿Por qué el lastChild de un tr varía en función de cómo esté estructurado el HTML?
A ver, en el siguiente ejemplo, el único alert que me viene con contenido es el tercero (
celda 9)... los dos primeros alert's vienen vacíos!
Código:
function tabla(){
var tabla = document.getElementById('mi_tabla');
var filas = tabla.getElementsByTagName('tr');
for(var i = 0; i < filas.length; i++){
alert(filas[i].lastChild.textContent);
}
}
<table id="mi_tabla">
<tr>
<td>celda 1</td>
<td>celda 2</td>
<td>celda 3</td>
</tr>
<tr>
<td>celda 4</td>
<td>celda 5</td>
<td>celda 6</td>
</tr>
<tr><td>celda 7</td><td>celda 8</td><td>celda 9</td></tr>
</table>
Esto es normal? Cómo accedo
al último hijo de cada <tr> sin importar cómo esté estructurado el código HTML?. O sea, quiero acceder a
celda 3,
celda 6 y
celda 9
Gracias