JavaScript - Document Object Model o DOM

Cada página web reside dentro de una ventana del navegador que se puede considerar como un objeto.

Un objeto Document representa el documento HTML que se muestra en la ventana. El objeto de documento tiene varias propiedades que hacen referencia a otros objetos que permiten el acceso y modificación del contenido del documento.

La forma en que se accede a un contenido del documento y modificado se llama elDocument Object Model o DOM. Los objetos están organizados en una jerarquía. Esta estructura jerárquica se aplica a la organización de los objetos en un documento Web.

• Ventana objeto - Parte superior de la jerarquía. Es el elemento más exterior de la jerarquía de objetos.
• Objeto Document - 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.
• Formulario objeto - Todo incluido en la etiqueta <form> ... </ form> etiquetas establece el objeto de formulario.
• Formar elementos de control - El objeto de formulario contiene todos los elementos definidos para ese objeto, tales como campos de texto, botones, botones de opción y casillas de verificación.

Aquí es un simple jerarquía de algunos objetos importantes -

Hay varios departamentos de ultramar en la existencia. Las siguientes secciones explican cada uno de estos departamentos de ultramar en detalle y describen cómo se puede utilizar para acceder y modificar el contenido del documento.

• El legado DOM - Este es el modelo que se introdujo en las primeras versiones de Javascript. Es bien soportado por todos los navegadores, pero permite el acceso sólo a ciertas partes clave de documentos, como formularios, elementos de formulario e imágenes.
• El W3C DOM - Este modelo de objetos de documento permite el acceso y la modificación de todo el contenido de documentos y está estandarizado por el World Wide Web Consortium (W3C). Este modelo es apoyado por casi todos los navegadores modernos.
• El IE4 DOM - Este modelo de objetos de documento se introdujo en la versión 4 del navegador de Microsoft Internet Explorer. IE 5 y versiones posteriores incluyen soporte para la mayoría de las características básicas de DOM de W3C.

Compatibilidad DOM

Si desea escribir un guión con la flexibilidad para utilizar DOM W3C o IE 4 DOM en función de su disponibilidad, a continuación, se puede utilizar un enfoque de las capacidades de pruebas de que las primeras comprobaciones de la existencia de un método o una propiedad para determinar si el navegador tiene la capacidad que usted desea. Por ejemplo -

if (document.getElementById) {
   // If the W3C method exists, use it
}

else if (document.all) {
   // If the all[] array exists, use it
}

else {
   // Otherwise use the legacy DOM
}