Obtener arbol de elementos html

[kof3d]

Saludos, estoy desarrollando una aplicación web y me tope con la necesidad de obtener un arbol de la estructura html de determinada pagina. Es decir, del siguiente codigo:

Código:

<div>
  <div>
       <div>
       </div>
  </div>
  <div>
  </div>
</div>

Necesito conocer todo su recorrido, quien es padre/hijo... He leido que con getElementsByTagName obtengo todos los 'hijos' de determinada estructura, pero no se si me obtiene la jerarquia de la misma...

Espero me puedan colaborar en este problema...

[MaBoRaK]

loading............


Pues como dices, con getElementsByTagName('tag') tienes el arbol completo y estructura, con padres - hijos, etc.

Código PHP:

  var a = document.getElementsByTagName('div');
a[0]  //elemento
a[0] //padre del elemento
var b = a[0].getElementsByTagName("div");
b[0] // elemento  
   

y asi sucesivamente.


connection closed.

[caricatos]

Hola:

La raiz de un documento html según el DOM es document.documentElement (que equivale al tag html)... de ahí se desprenden los 2 nodos más importantes que se equivalen con las etiquetas head y body... para recorrer el árbos debes consultar si una etiqueta tiene nodos hijos (hasChildNodes())... y de haberlos recorrer el array childNodes[]... de cada nodo hay que consultar su nodeType para saber si se trata de un nodo etiqueta o texto (incluso podría ser un comentario), y así sucesivamente... puedes revisar el código de mi Inspector DOM...

Saludos

[kof3d]

Ok, me pondré a trabajar... gracias por su colaboración caricatos, eso era o que buscaba