El DOM (Document Object Model) es una representacion estructurada de un documento HTML o XML como un árbol de objetos. Es la interfaz que permite a JavaScript interactuar con el contenido, estructura y estilo de una página web. Conceptos clave: • Documento: La página HTML completa Nodos: Cada elemento del árbol DOM (etiquetas, texto, atributos) Elementos: Los nodos que representan etiquetas HTML • Arbol DOM: Estructura jerárquica donde cada elemento tiene un padre y puede tener hijos 2.¿Para qué se usa el DOM? EL DOM permite Modificar contenido: Cambiar texto, HTML interno Manipular estructura: Agregar, eliminar o mover elementos Cambiar estilos: Modificar CSS dinámicamente Responder a eventos: Clicks, formularios, teclado, etc. Crear interactividad: Hacer páginas web dinámicas 3. Estructura del DOM document Lhtml I—head | I—title Lmeta Lbody I—header I—main Lbody l-header l--main l l--section | l___article l__footer 4. Seleccionar Elementos del DOM 4.1 Métodosde Selección +日1411910 j...
