7 - Accediendo a un nodo hermano (nextSibling y previousSibling)




Problema:Disponer una página que contenga una tabla HTML con dos filas y tres elementos cada una. Definir el id de la primera celda de la tabla (elemento "td"). Luego, mediante una estructura repetitiva, acceder y mostrar con un alert los nodos texto de cada celda de la primer fila.
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<table>
  <tr>
    <td id="elemento1">1</td><td>2</td><td>3</td>
  </tr>
  <tr>
    <td>4</td><td>5</td><td>6</td>
  </tr>
</table>
<input type="button" value="Primer fila" onClick="mostrarFilaTabla()">
</body>
</html>
function mostrarFilaTabla()
{
  var puntero1=document.getElementById('elemento1');
  while (puntero1!=null)
  {
    if (puntero1.nodeType==Node.ELEMENT_NODE)
      alert(puntero1.childNodes[0].nodeValue);
    puntero1=puntero1.nextSibling;
  }
}
Ver solución


Retornar