¿Cuál es el significado de DOM en JS? Lo vemos, casi siempre en los análisis de velocidad de un sitio web, en portales como page speed Insights o Gtmetrix por ejemplo. Personalmente como Consultor SEO me enfrento de forma recurrente a este concepto.
Bueno, entonces la idea es poner las cosas lo más sencillas posibles. JavaScript: modelo de objetos de documento o DOM. Cada página web reside dentro de una ventana del navegador que puede considerarse como un objeto.
Un objeto Document representa el documento HTML que se muestra en esa ventana. El objeto Documento tiene varias propiedades que se refieren a otros objetos que permiten el acceso y la modificación del contenido del documento. La forma en que se accede y modifica el contenido de un documento se denomina Modelo de objeto de documento , o DOM .
Los objetos están organizados en una jerarquía. Esta estructura jerárquica se aplica a la organización de objetos en un documento web.
Objeto de ventana : parte superior de la jerarquía. Es el elemento más externo de la jerarquía de objetos.
Objeto de documento : cada documento HTML que se carga en una ventana se convierte en un objeto de documento. El documento contiene el contenido de la página.
Objeto de formulario : todo lo que se incluye en las etiquetas
establece el objeto de formulario.
Elementos de control de formulario: el objeto de formulario contiene todos los elementos definidos para ese objeto, como campos de texto, botones, botones de opción y casillas de verificación.
Existen varios DOM en existencia.
Las siguientes secciones explican cada uno de estos DOM en detalle y describen cómo puede usarlos para acceder y modificar el contenido del documento.
El DOM heredado : este es el modelo que se introdujo en las primeras versiones del lenguaje JavaScript. Es compatible con todos los navegadores, pero permite el acceso solo a ciertas partes clave de los documentos, como formularios, elementos de formulario e imágenes.
El W3C DOM : este modelo de objeto de documento permite el acceso y la modificación de todo el contenido del documento y está estandarizado por el World Wide Web Consortium (W3C). Este modelo es compatible con casi todos los navegadores modernos.
El DOM de IE4 : este modelo de objeto de documento se introdujo en la Versión 4 del navegador Internet Explorer de Microsoft. IE 5 y versiones posteriores incluyen soporte para la mayoría de las funciones básicas de W3C DOM.
Leer también:Evite un tamaño de DOM excesivo