DOM
Es la sigla de «Document Object Model».
El DOM es una interfaz de programación para acceder al contenido de las páginas web y los documentos XML, y modificarlo. Define la estructura lógica de un documento, tratándolo como un árbol en el que cada nodo ramificado representa elementos individuales. Los programas y los scripts pueden acceder al DOM para leer y modificar la estructura, el contenido y el estilo del documento.
El DOM organiza la estructura de los archivos HTML y XML en una jerarquía de objetos llamados «nodos». En la raíz se encuentra el nodo Document, que representa el documento completo. Después están los nodos Element, que representan las etiquetas HTML o XML individuales. Los nodos Element también forman una jerarquía, ya que están anidados. Por ejemplo, el nodo <html> es el más cercano a la raíz del documento y contiene los nodos <head> y <body>; cada uno de ellos contiene nodos secundarios, como los elementos <div> y <p>.
Cada nodo de elemento del DOM incluye varios nodos Attribute que modifican sus propiedades. Por ejemplo, un nodo de elemento <img> podría incluir nodos de atributo para src, alt, width y height, lo que permitiría que algún código JavaScript modificara cualquiera de esos atributos. Por último, los nodos Text contienen el texto dentro de cada elemento y forman el contenido del documento. Los nodos Text son las hojas del árbol y no tienen más niveles después de ellos.
Usar JavaScript (u otros lenguajes de scripting) para acceder al DOM de una página permite crear páginas web dinámicas e interactivas. Por ejemplo, los controladores de eventos asociados a los nodos pueden esperar interacciones del usuario, como clics del mouse o entradas del teclado, y luego modificar el contenido de la página como respuesta. Los eventos de JavaScript pueden usar el DOM para eliminar nodos existentes y agregar otros nuevos. Los scripts pueden obtener datos de una base de datos en un servidor y usar el DOM para insertar esos datos en elementos de texto específicos. Los scripts también pueden usar el DOM para modificar las propiedades CSS de los elementos y cambiar la apariencia y el diseño del documento.
Pon a prueba tu conocimiento