Si eres de uno de esos usuarios que estan dando sus primeros pasos en la programación con Javasript, no se te puede pasar por nada del mundo el conocimiento del DOM. Del acrónimo Document Object Model, se refiere a la forma como esta maquetada una página HTML. Las cosas que hay que tener en cuenta son que siempre va a existir un elemento (nodo) padre y un elemento (nodo) hijo. el nodo padre siempre va a ser la etiqueta <html> de ahí en adelante todos los elementos dentro de esta etiqueta serán sus nodos hijos.
Hay un caso muy particular que vi cuando se utiliza texto y a la vez otro elemento de un nodo o dos elementos dentro de un mismo nodo. En este caso estos nodos se vendrían a comportar como nodos hermanos. recuerda que debes tener muy presente esto a la hora de programar en Javascript de lo contrario estarás en un mar de problemas entre nodos y lógica.
Para complementar este post te dejo un mapa conceptual de como se vería el DOM y un libro que a mi me ha sacado de varios tropiezos. Muchos éxitos.
Arbol de nodos del DOM
Introduccion a Javascript:
