8 - Otras formas de acceder a los nodos hijos (firstChild - lastChild)




Problema:Definir un div con tres párrafos. Obtener la referencia del último hijo del div. Regresar desde el final con la propiedad previousSibling. Mostrar el contenido de cada párrafo.
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<div id="parrafos">
<p>Este es el primer párrafo</p>
<p>Este es el segundo párrafo</p>
<p>Este es el tercer párrafo</p>
</div>
<input type="button" value="accediendo a los tres párrafos" onClick="parrafoAnterior()">
</body>
</html>
function parrafoAnterior()
{
  var puntero1=document.getElementById('parrafos');
  var puntero2=puntero1.lastChild;
  while (puntero2!=null)
  {
    if (puntero2.nodeType==Node.ELEMENT_NODE)
      alert(puntero2.childNodes[0].nodeValue);
    puntero2=puntero2.previousSibling;
  }
}
Ver solución


Retornar