[javaEScript] Navegar el DOM de manera óptima

[Jaime Gómez Obregón]

Hola lista,

Tengo mi Javascript algo oxidado, y ahora me veo haciendo una pequeña
aplicación web que necesita algo de manipulación del DOM.

El caso es que tengo un XHTML más o menos así:

<div id="caja-3">
  <div>
    <ul>
      <li><a id="enlace".../></li>
    </ul>
  </div>
  ...
</div>

Y he asociado un evento "onlick" al elemento a#enlace. Hasta ahí todo
correcto. Pero entonces me veo en la necesidad de conocer el id de la
caja a la que pertenece dicho enlace (en este ejemplo, necesitaría
conocer que el id es "caja-3").

Estoy haciendo esto, que funciona correctamente:

element.parentNode.parentNode.parentNode.parentNode.getAttribute('id')

Pero algo me dice que tiene que haber "algo mejor" que concatenar todos
esos parentNode...

Lamentablemente creo que la propiedad "parentNode" no permite escoger
abuelos o bisabuelos [1]. ¿Alguna idea?

[1] http://developer.mozilla.org/en/docs/DOM:element.parentNode

-- 
Jaime Gómez Obregón
Director Comercial (jaime en iteisa.com)
ITEISA - www.iteisa.com
942 544 036 - 662 256 006