El DOM nació como un conjunto de objetos que representan a un documento HTML, y que actúan como una interfaz entre JavaScript y el propio documento, su origen es Netscape Navigator de la compañía Netscape Communications.
Internet Explorer de Microsoft le siguió a Netscape Navigator, estos dos navegadores incluían soporte para HTML dinámico (DHTML)[5], que requería extensiones que entonces ofrecía el DOM rudimentario de la época, permitiendo a los desarrolladores web crear páginas con interactividad del lado del cliente, así el documento ahora podría manipularse a través del DOM; no obstante, el mismo documento no fue representado de la misma manera por los dos navegadores.
Entonces JavaScript definió formas rudimentarias de acceder al documento HTML y manejar eventos.
Esto ha tenido tanto éxito que el DOM ahora juega un papel central en la programación de JavaScript.
Cuando existe más de un objeto del mismo tipo en un documento web, estos se organizan en un vector.
Es posible asignarle una identificación a un objeto, y luego usarlo para hacer referencia a este, por ejemplo: Para hacer referencia a este elemento se puede usar la función getElementById Y realizar alguna operación sobre el mismo, en este caso agregamos un nuevo elemento: Los objetos computacionales, de la misma forma que cualquier objeto de la vida real, tienen propiedades.
En la creación de páginas web estos eventos representan la interacción del usuario con la computadora.
Una manera de añadir eventos en el DOM utilizando JavaScript es: Por ejemplo: Siendo el indicador de pseudo-protocolo javascript: un agregado opcional, y solo usado por Microsoft Internet Explorer, donde podía configurase por defecto su lenguaje alternativo VBScript.
Finalmente la etapa de burbujeo que ocurre cuando el evento «regresa» a su posición original.