Recorriendo el DOM

fer77 · #1 (**permalink**) 20/05/2013, 11:31

Hola de nuevo...

Estaba con un exercicio sencillo con chilNodes este... (http://dev.opera.com/articles/view/traversing-the-dom-es/)

Y por alguna razón no logro dar con el error. No salta la ventana de alerta. Perdonad mi ignorancia, gracias por vuestra ayuda.

Mi HTML es este:

Código:

<html>
  <head>
    <title>Ejercicio</title>
<script type="text/javascript">
var nodoParrafo = document.childNodes[0].childNodes[1].childNodes[1];
alert( "nodoParrafo es el nodo " + nodoParrafo.nodeName + " !" );
  </head>
  <body>
    <h1>Esto es una cabecera</h1>
    <p>
      Esto es un párrafo!
    </p>
    <p>
      Mi parrafo 2
    </p>
  </body>
</html>

Sin embargo con este otro JS si va:

Código:

var nodoHtml = document.childNodes[0];
alert( "nodoHtml es un nodo " + nodoHtml.nodeName + " !" );

caricatos · #2 (**permalink**) 20/05/2013, 11:50

Hola:

Deberías empezar por el objeto document.documentElement que se corresponde con el tag html de la página... busca en google por destripador caricatos y seguro que encontrarás mi página donde se explica como recorrer el DOM.

Saludos

fer77 · #3 (**permalink**) 20/05/2013, 12:47

Hola de nuevo Caricatos, gracias pro estar siempre ahí ;)

He accedido a la web que me recomendabas... pero soy muy torpe.

Te refieres a que lo modifique de esta manera: (Es que me sigue sin ir)

var nodoParrafo = document.documentElement.childNodes[0].childNodes[1].childNodes[1];
alert( "nodoParrafo es el nodo " + nodoParrafo.nodeName + " !" );

Siento ser ignorante. Un abrazo. ;)

caricatos · #4 (**permalink**) 20/05/2013, 16:04

Hola:

No siempre se corresponden los nodos con lo que piensas... por ejemplo sabiendo que document.documentElement es el tag html, el primero de los nodos hijos (childNodes[0]) puede que sea un retorno de carro... o sea un nodo de texto y no la etiqueta head (supongo que estará definida)... y normalmente entre el head y el body metemos otro salto de línea... así que el head podría ser el 1 y el body el 3

Hay formas de saberlo como el atributo nodeType, o el nodeName... (hay más).

En la página mencionada está también el código que he usado (viejo código)... pero básicamente es con un bucle while... buscar los nodos que son etiquetas (nodeType == 1)

Deberás tomártelo con calma...

Saludos

fer77 · #5 (**permalink**) 21/05/2013, 09:01

Gracias, lo del retorno de carro me ha sido de mucha ayuda.
Seguiré probando,
saludos