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;
}
}