Javascript – #5.03. DOM. Acceso y navegación por elementos

Lección
Materiales

Cerramos este breve curso aprendiendo a movernos entre los elementos del DOM. Y para ello deberemos sumergirnos en el «parentesco» entre nodos: ¿quién es el padre de quién? ¿y el hermano? ¿y el primer hijo? ¿y el último?

Así pues, aprenderemos a:

  • Seleccionar el padre de un elemento con parentElement.
  • Acceder a todos los hijos, con .childNodes y .children (¡ojo que tienen sus diferencias!).
  • Acceder a primer o último hijo con .firstChild o .lastChild, que ya vimos en la lección anterior.
  • Encontrar el siguiente hermano, con nextSibling y nextElementSibling.

Y dicho esto, veamos la última lección del curso de DOM con Javascript:

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!