Caminar por el DOM

forosdelwebdr · #1 (**permalink**) 08/01/2008, 21:59

Hola gente, esto lo he posteado en mozilla pero tuve menos respuesta que loco malo, lo posteo por si alguno se le ocurre, no importa para que navegador solo la idea.

Se me ha presentado la necesidad de utilizar DOM y lo que puntualmente quiero hacer es poder seleccionar un componente sea table, td, font, div, etc en particular y todos sus derivados me explico con un gráfico:

Si tengo esté HTML:

Código HTML:

<html>
  <head>
      <title>Some</title>
  </head>
  <body>
     <div><h1>Si selecciono <b>acá</b></h1></div>
     <div><h1>El script selecciona <b>acá también</b></h1></div>
   </body>
</html>

Debería tener este diagrama:

Código:

                   html 0
                      /   \
                    /       \
                  /           \
           head 0.0           body 0.1
               /                  / \
             /                  /    \
        title 0.0.1           /       \
          |                 div 0.1.0  div 0.1.1        
       "Some"              /               \
                         h1 0.1.0.0      h1 0.1.1.0
                             /                     \
                        b 0.1.0.0.0          b 0.1.1.0.0
                            |                        |
                         "Acá"                   "Acá También"

El problema es que no se me ocurre como expandir la busqueda por grupo/nodo, fijense q la idea es capturar lo que esta dentro de la etiqueta <b> y todas las etiquetas <b> que esten en mismo "nivel" pero distinto grupo por así expresarlo.

Como podría llegar a capturarlas.

Saludos.

caricatos · #2 (**permalink**) 09/01/2008, 00:32

Hola:

No llego a enterarme de lo que quieres, pero me parece que no hay nada estándar que averigue los nodos de niveles mayores del inmediato inferior... si te sirve solo los nodos hijos, puedes usar el array childNodes[], y los nodos de texto tienen un "nodeType" distinto de los nodos "etiqueta" (creo que son 3 y 1...) la navegación DOM debería empezar por el nodo document.documentElement.

Te paso un par de páginas donde se destripa el DOM: Nuevo destripador y Inspector DOM

Saludos

forosdelwebdr · #3 (**permalink**) 09/01/2008, 01:31

Gracias Caricatos, me explayo para que quede clara la explicación que siempre se nos complica, imagina en el diagrama de árbol que hice que la etiqueta <b> que contiene la palabra "Acá" le ponemos un mouseover entonces al pasar por arriba cambia de color, por decir, y lo mismo hace la palabra "Acá tambien", la idea es que el criterio a utilizar para "colorear" las palabras sean el árbol de estructura de la página o sea una palabra y/o conjunto de palabras "X" que a la vistas de las personas y/o navegador esté en el mismo sector.

No se si aclare o confundí más, cualquier cosa me dicen.

Estoy revisando los enlaces a ver que puedo sacar en claro.

Saludos y Gracias.