hola gente. bueno estoy adentrandome en lo que es Javascript y haciendo algunas pruebas sencillas, pero algunas me salen y otras no.
el tema es asi... quiero cambiar el color de 3 parrafos dentro de un id.
me canse re revisar el codigo y no encuentro el error o porque no funciona.
en la consola de chrome me muestra el siguiente texto.
Uncaught TypeError: Cannot set property 'color' of undefined
.
dejo el codigo... aver si alguien me da una mano o me orienta un poquito.
desde ya muchas gracias!!!
Código:
<html>
<head>
<title>ejemplo</title>
<script src="funciones.js" type="text/javascript"></script>
</head>
<body>
<div id="bloque">
<p>primer parrafo</p>
<p>segundo parrafo</p>
<p>tercer parrafo</p>
</div>
<input type="button" value="cambiar color" onclick="cambiarColor()">
</body>
</html>
Código:
function cambiarColor()
{
var lista=document.getElementById('bloque');
lista.childNodes[0].style.color='#ff0000';
lista.childNodes[1].style.color='#00ff00';
lista.childNodes[2].style.color='#0000ff';
alert('la cantidad de hijos del nodo div es de:'+lista.childNodes.length);
}