--- title: HTML Dom localeTitle: HTML Dom --- ## HTML Dom Con el DOM de HTML, JavaScript puede acceder y cambiar todos los elementos de un documento HTML. Cuando se carga una página web, el navegador crea una **DOCUMENTO** **O** bject **M** odelo de la página. El modelo HTML DOM se construye como un árbol de Objetos: Cada elemento en el DOM también se llama un nodo. ```html My title My Link

My header

``` El DOM para el HTML anterior es el siguiente: ![Árbol DOM](https://www.w3schools.com/js/pic_htmltree.gif) Con el modelo de objetos, JavaScript obtiene todo el poder que necesita para crear HTML dinámico: * JavaScript puede cambiar todos los elementos HTML en la página * JavaScript puede cambiar todos los atributos HTML en la página * JavaScript puede cambiar todos los estilos CSS en la página * JavaScript puede eliminar elementos y atributos HTML existentes * JavaScript puede agregar nuevos elementos y atributos HTML * JavaScript puede reaccionar a todos los eventos HTML existentes en la página * JavaScript puede crear nuevos eventos HTML en la página #### Más información: [W3C - HTML DOM](https://www.w3schools.com/js/js_htmldom.asp)