Un objeto Document representa el documento que se muestra en esa ventana. El objeto Documento tiene varias propiedades que hacen referencia a otros objetos que permiten el acceso y la modificación del contenido del documento. En este artículo, entenderemos HTML DOM.
- Concepto HTML DOM
- Que es el DOM HTML
- Qué NO es HTML DOM
- De dónde vino el DOM
- Propiedades de HTML DOM
- Encontrar elementos HTML
Concepto HTML DOM
La forma en que se accede y modifica un contenido documentado se denomina Modelo de objetos 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 y menos Parte superior de la jerarquía. Es el elemento supremo de la jerarquía de objetos.
- Objeto de documento y menos 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 & menos Todo lo que se incluye en las etiquetas… establece el objeto de formulario.
- Elementos de control de formulario y menos 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.
Que es el DOM HTML
El modelo de objetos de documento es una API de programación para documentos. El modelo de objetos en sí se parece mucho a la estructura de los documentos que modela. Por ejemplo, considere esta tabla, tomada de un documento HTML:
| Arboleda sombría | eólico |
| Sobre el río, charlie | Dorian |
Qué NO es HTML DOM
Esta sección está diseñada para brindar una comprensión más precisa del modelo de objetos de documento al distinguirlo de otros sistemas que pueden parecer similares.
Aunque el modelo de objetos de documento se vio fuertemente influenciado por HTML dinámico, en el nivel 1, no implementa todo el HTML dinámico. En particular, los eventos aún no se han definido. El nivel 1 está diseñado para sentar una base firme para este tipo de funcionalidad al proporcionar un modelo robusto y flexible del documento en sí.
crear un parámetro en tableau
El modelo de objetos de documento no es una especificación binaria. Los programas de Document Object Model escritos en el mismo lenguaje serán compatibles con el código fuente en todas las plataformas, pero el Document Object Model no define ninguna forma de interoperabilidad binaria.
El modelo de objetos de documento no es una forma de conservar objetos en XML o HTML. En lugar de especificar cómo se pueden representar los objetos en XML, el Modelo de objetos de documento especifica cómo se representan los documentos XML y HTML como objetos, de modo que se puedan utilizar en programas orientados a objetos.
El modelo de objetos de documento no es un conjunto de estructuras de datos, es un modelo de objetos que especifica interfaces. Aunque este documento contiene diagramas que muestran las relaciones padre / hijo, estas son relaciones lógicas definidas por las interfaces de programación, no representaciones de estructuras de datos internas en particular.
El modelo de objetos de documento no define 'la verdadera semántica interna' de XML o HTML. La semántica de esos lenguajes está definida por los propios lenguajes.
cómo hacer un jframe
El Document Object Model es un modelo de programación diseñado para respetar esta semántica. El modelo de objetos de documento no tiene ramificaciones en la forma de escribir documentos XML y HTML. Cualquier documento que se pueda escribir en estos lenguajes se puede representar en el modelo de objetos de documento.
El Modelo de objetos de documento, a pesar de su nombre, no es un competidor del Modelo de objetos componentes (COM). COM, como CORBA, es una forma independiente del lenguaje de especificar interfaces y objetos. El modelo de objetos de documento es un conjunto de interfaces y objetos diseñados para administrar documentos HTML y XML. El DOM puede serimplementado utilizando sistemas independientes del lenguaje como COM o CORBA, también puede implementarse utilizando enlaces específicos del lenguaje como los enlaces Java o ECMAScript especificados en este documento.
De dónde vino el modelo de objetos de documento
El modelo de objetos de documento se originó como una especificación para permitir que los scripts de JavaScript y los programas de Java sean portátiles entre los navegadores web. El HTML dinámico fue el antepasado inmediato del Modelo de objetos de documento, y originalmente se pensó en gran parte en términos de navegadores.
Sin embargo, cuando se formó el Grupo de trabajo del modelo de objetos de documento, también se unieron proveedores de otros dominios, incluidos los editores de HTML o XML y los repositorios de documentos. Varios de estos proveedores habían trabajado con SGML antes de que se desarrollara XML. Como resultado, SGML Groves y el estándar HyTime han influido en el modelo de objetos de documento. Algunos de estos proveedores también habían desarrollado sus propios modelos de objetos para documentos con el fin de proporcionarAPI de programación para editores SGML / XML o repositorios de documentos, y estos modelos de objetos también han influido en el Modelo de objetos de documento.
Propiedades de HTML DOM
Veamos las propiedades de los objetos de documento a los que puede acceder y modificar el objeto de documento.
- Objeto de ventana: El objeto de ventana siempre está en la parte superior de la jerarquía.
- Objeto de documento: Cuando un documento HTML se carga en una ventana, se convierte en un objeto de documento.
- Objeto de formulario: Está representado por formar etiquetas.
- Objetos de enlace: Está representado por enlace etiquetas.
- Objetos de anclaje: Está representado por a href etiquetas.
- Elementos de control de formulario: El formulario puede tener muchos elementos de control, como campos de texto, botones, botones de radio y casillas de verificación, etc.
Métodos de objeto de documento :
- escribir ('cadena'): escribe la cadena dada en el documento.
- getElementById (): devuelve el elemento que tiene el valor de identificación dado.
- getElementsByName (): devuelve todos los elementos que tienen el valor de nombre dado.
- getElementsByTagName (): devuelve todos los elementos que tienen el nombre de etiqueta dado.
- getElementsByClassName (): devuelve todos los elementos que tienen el nombre de clase dado.
Encontrar elementos HTML
Cuando desee acceder a elementos HTML con JavaScript, primero debe buscar los elementos.
Hay un par de formas de hacer esto:
- Encontrar elementos HTML por ID
- Encontrar elementos HTML por nombre de etiqueta
- Encontrar elementos HTML por nombre de clase
Encontrar elemento HTML por ID
La forma más fácil de encontrar un elemento HTML en el DOM es utilizando el ID del elemento.
Ejemplo
Encontrar elementos HTML por nombre de etiqueta
ordenar algoritmo c ++
Este ejemplo busca el elemento con id = 'main' y luego busca todos
elementos dentro de 'principal':
Con esto, llegamos al final de este artículo DOM de HTML. Espero que haya comprendido los distintos aspectos del DOM HTML, el modelo de objetos de documento.
Mira nuestro que viene con capacitación en vivo dirigida por un instructor y experiencia en proyectos de la vida real. Esta capacitación lo convierte en un experto en habilidades para trabajar con tecnologías web de back-end y front-end. Incluye capacitación en desarrollo web, jQuery, Angular, NodeJS, ExpressJS y MongoDB.
Tienes una pregunta para nosotros? Por favor, menciónelo en la sección de comentarios del blog “Imágenes HTML” y nos comunicaremos con usted.