¿Qué es DOM en JavaScript?

DOM, “Modelo de objeto de documento” en la World Wide Web W3C define un estándar para acceder a documentos

El estándar W3C DOM se divide en 3 partes diferentes:

  • Core DOM: modelo estándar para todos los tipos de documentos
  • XML DOM: modelo estándar para documentos XML
  • HTML DOM – modelo estándar para documentos HTML

Usted está tomando JavaScript, por lo tanto, necesita conocer el DOM HTML.

El HTML DOM es un modelo de objetos estándar y una interfaz de programación para HTML. Se define:

  • Los elementos HTML como objetos
  • Las propiedades de todos los elementos HTML.
  • Los métodos para acceder a todos los elementos HTML
  • Los eventos para todos los elementos HTML.

En otras palabras: el HTML DOM es un estándar sobre cómo obtener, cambiar, agregar o eliminar elementos HTML que se muestran en esa ventana (página web). Tiene varias propiedades que se refieren a otros objetos que permiten el acceso y la modificación del contenido del documento o página web con egjavascript

Por ejemplo: una página HTML tiene un botón con un id = “txr1”.

Entonces, ¿cómo obtendrá el valor “txt1” en JavaScript?

document.getElementById (‘txt1’);

En el ejemplo anterior, obtengo un elemento con id = ”btn1 ″ en javascript con la ayuda del elemento de documento, que es un elemento DOM.

Hay muchos otros elementos DOM que puede usar en JavaScript para obtener y cambiar elementos de un documento HTML.

Puedes aprender más abajo

https://www.tutorialspoint.com/j…

DOM significa Modelo de objeto de documento. Es un estándar para acceder a elementos en un documento HTML (en referencia al desarrollo web usando Javascript). Un documento HTML tiene una estructura, por estructura nos referimos a la jerarquía de varios elementos en el documento, varias propiedades de estos elementos, etc. Por ejemplo: – El documento HTML podría tener una etiqueta li con una lista de identificación dentro de un div que está presente La etiqueta del cuerpo. Esta estructura se vería de la siguiente manera

  • Una página HTML típica no tendría. de elementos y el código de JavaScript manipularían esta estructura al obtener una referencia al elemento que nos interesa y cambiar sus propiedades. Esto se llama manipular el DOM. Hoy en día tenemos muchas bibliotecas que nos permiten consultar y manipular DOM fácilmente, una de ellas es jquery. Estudie un poco sobre lo que hace y las cosas quedarían mucho más claras después.

    De acuerdo con Quirksmode:

    El Modelo de objetos de documento (DOM) es el modelo que describe cómo todos los elementos en una página HTML, como campos de entrada, imágenes, párrafos, etc., están relacionados con la estructura superior: el documento mismo.

    Más: http://www.quirksmode.org/dom/in

    De acuerdo con MDN:

    El DOM es una convención para representar e interactuar con documentos HTML o XML. El modelo de objeto de documento central está estandarizado por el W3C.

    Leer más: Modelo de objeto de documento (DOM)

    Javascript se utiliza para modificar y manipular los elementos DOM. Ayuda a agregar interactividad al HTML. Aquí hay algunos ejemplos de patrones en JavaScript para manipular el objeto del documento. : Ejemplos.

    DOM significa Modelo de objeto de documento. Es una representación de la página web (estructura tipo árbol) que usa JavaScript para interactuar con los contenidos y elementos de HTML para realizar cambios en algunas acciones.

    Ir a través de este enlace JavaScript HTML DOM