Volver al glosario
javascript

DOM

Interfaz que representa un documento HTML como un árbol de objetos que JS puede recorrer y modificar. Cada vez que usás querySelector o innerHTML, estás navegando ese árbol. Entenderlo bien te evita bugs de referencia.

Definición

Una interfaz de programación que representa un documento HTML o XML como una estructura de árbol de objetos. El DOM permite a JavaScript acceder y manipular el contenido, estructura y estilos de una página web. Cada elemento, atributo y texto en el documento es un nodo en este árbol.

Ejemplos

  • document.getElementById('id');
  • elemento.innerHTML = '<p>Nuevo</p>';