Qué es el DOM
JavaScript es un lenguaje que da acceso a los diferentes objetos que forman una página web. A ese conjunto de etiquetas/objetos que forman un documento web se llama DOM (Document Object Model).
El DOM es una estructura de nodos en forma de árbol, cuyo nodo principal contiene otros nodos, que a su vez contienen otros nodos. Eso establece una jerarquía donde el nodo superior tiene influencia sobre sus nodos inferiores. La etiqueta <html> y </html> es el nodo superior que contiene otras etiquetas secundarias, como <head> y <body>, que a su vez contienen otras etiquetas, etc.
Acceso a los objetos de una página web con Javascript
Mediante JavaScript podemos acceder a cada uno de esos nodos, estos nodos son llamados 'objetos'. Al acceder a estos objetos lo que hacemos realmente es acceder a sus propiedades o a sus eventos (más adelante explico que es eso exactamente), además de ejecutar 'funciones'. Las propiedades pueden ser de lectura o de lectura/escritura. Si son sólo de lectura, podremos obtener información sobre ellas. Si son de lectura/escritura, además de obtener información, también podremos modificar dicha información. En cuanto a los eventos, lo que hacemos es tratar de que 'nos avisen' cuando suceden, para poder asociar la ejecución de estos eventos con instrucciones añadidas por nosotros. También podemos ejecutar funciones, propias de Javascript, o escritas por nosotros mismos. Esto lo entenderás mejor más adelante, conforme vaya explicando las bases de Javascript.
Resumiendo
Por hacer una sintesis de lo explicado, vamos a decir que el DOM es una representación del documento web, en forma de árbol jerarquizado, al que se accede mediante Javascript a través de sus objetos, propiedades y eventos, y en el que podemos ejecutar funciones o instrucciones.
En capítulos siguientes iremos introduciendonos en otro tipo de conceptos básicos necesarios para entender todo esto de una manera más concreta y a la vez global.
