Una introducción al DOM

• Mayo 7, 2024

DOM es un acrónimo de Document Object Model. Es una forma de ver HTML que hace posible que los desarrolladores de sitios web creen funciones y manipulen el código de formas que de otra forma serían imposibles.

Hay tres tipos básicos de DOM; el DOM principal, que se puede usar para definir cualquier documento independientemente del tipo; XML DOM, que se utiliza con documentos XML, y HTML DOM. Este último tipo es el más importante y útil para los desarrolladores de HTML, así que ese es el DOM que este artículo explorará.

El HTML DOM divide una página HTML en nodos. Todos estos nodos están conectados entre sí, con nodos secundarios que descienden de sus nodos principales y del nodo raíz en la parte superior, en un diseño en forma de árbol. Lo que hace que el DOM sea tan importante y útil para los desarrolladores de HTML es que esta definición distingue cada parte de la página y la ubica en relación con todas las demás partes, de modo que es fácil diseñar código que se refiera a esa sección en particular y afecte solo a esa parte . Esto hace que el HTML DOM sea vital para la programación de Javascript, por ejemplo, ya que proporciona una forma para que un programa Javascript use elementos HTML directamente. Sin el DOM, es imposible que un programa Javascript acceda dinámicamente al contenido de una página web. Como ejemplo, al usar métodos DOM, podría escribir un programa que altere el texto dentro de un elemento HTML en particular si ocurre un evento específico (por ejemplo, un visitante hace clic en un botón de la página).

Como ya sabes, una página HTML está compuesta de diferentes elementos como este:



Página HTML de muestra

Este es un ejemplo de una página HTML básica.

Con el DOM, cada elemento (todo entre un conjunto de etiquetas, como) es un nodo. El nodo se llama nodo raíz y es el más básico; tiene dos nodos secundarios, el nodo y el nodo. En el ejemplo anterior, el nodo es el hijo del nodo y el

nodo es el hijo del nodo.

Un desarrollador web puede usar y alterar el DOM usando ciertos comandos. Estos comandos se dividen en propiedades (que describen una parte de la página HTML) y métodos (que hacen algo a esa parte de la página).

Para obtener detalles sobre cómo usar el DOM HTML, consulte el siguiente artículo, "Trabajar con el DOM", que se publicará la próxima semana.

Instrucciones De Vídeo: Curso Básico de Javascript 13.- Introducción al DOM (Document Object Model) (Mayo 2024).