childNodes no me funciona aprendiendo DHTML

angel2010 · #1 (**permalink**) 01/04/2012, 21:13

estoy aprendiendo dhtml pero tengo rato haciendo la prueba en el tutorial que estoy le doy y le doy y no funciona si alguien me puede decir por que no funciona se lo agradeceria tengo como una hora buscando el problemita que tengo

codigo js

Código Javascript:

Ver originalfunction 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 hijo nodo es:'+lista.childNodes.length);
}

codigo html

Código HTML:

Ver original<html>
<head>
<title>Accediendo a los nodos hijos de una marca HTML(childNodes)(solo Internet Explorer)</title>
<script language="javascript" src="js/funciones.js" type="text/javascript"></script>
 
</head>
<body>
<div id="bloque">
<p>parrafo 1</p>
<p>parrafo 2</p>
<p>parrafo 3</p>
</div>
<input type="button" value="cambiar colores" onClick="cambiarColor()">
</body>
</html>

IsaBelM · #2 (**permalink**) 02/04/2012, 05:29

ejecuta este código

Cita:

function cambiarColor()
{
var lista=document.getElementById('bloque');
alert('tipo de nodo:'+lista.childNodes[0].nodeType + ' nombre del nodo:'+lista.childNodes[0].nodeName);
alert('tipo de nodo:'+lista.childNodes[1].nodeType + ' nombre del nodo:'+lista.childNodes[1].nodeName);
}

te mostrará el tipo y nombre del nodo. consulta estás tablas
si ejecutas el código en ie8-, obtendrás resultados distinto que si lo ejecutas en cualquier otro navegador. esto es por que los demás navegadores, interpretan los nodos de texto vacíos.

para no tener que darle tantas vueltas, puedes usar

Cita:

document.getElementById('bloque').getElementsByTag Name('p')

esto te crea una colección con todos los elementos (p)

angel2010 · #3 (**permalink**) 02/04/2012, 07:31

gracias por tu repuesta voy a probarlo

angel2010 · #4 (**permalink**) 02/04/2012, 07:43

lo acabo de probar en internet explorer y funciona bien el primer codigo que tenia y yo dando tanta vuelta y el tuyo funciona bien tambien gracias