TEMA 9: Eventos y DOM
Tabla de contenidos
DOM
¿Qué es?
El DOM (Document Object Model) es una representación del documento HTML en memoria y permite a JavaScript acceder y modificar el contenido y el estilo de la página.
Acceso al DOM
Para acceder a elementos del DOM, se pueden utilizar funciones como getElementById, getElementsByTagName o querySelector, entre otras.
Modificar el DOM
Una vez se tiene acceso a un elemento del DOM, se pueden modificar sus propiedades para cambiar el contenido o el estilo de la página.
Modificar el DOM: innerHTML
innerHTML → permite obtener y cambiar el contenido del elemento.
Modificar el DOM: style.color
Style.color → permite cambiar el color del texto del elemento.
Eventos
¿Qué son?
Los eventos en JavaScript son acciones que ocurren en el navegador, como hacer clic en un botón, cargar una página, pasar el mouse por encima de un elemento, etc. Los eventos se pueden manejar en JavaScript para ejecutar código específico cuando ocurren.
Manejar Eventos
Para manejar un evento, se puede utilizar el método addEventListener de un elemento del DOM.
Por ejemplo, para manejar el evento de hacer clic en un botón, se puede utilizar el siguiente código:
También es posible pasar una función ya definida en lugar de una función anónima.
Eventos principales
«Click« → se dispara cuando se hace clic en un elemento.
«Mouseover« → se dispara cuando el mouse pasa por encima de un elemento.
«Mouseout« → se dispara cuando el mouse sale de un elemento.
«Submit« → se dispara cuando se envía un formulario.
«Change« → se dispara cuando se cambia el valor de un elemento de formulario.
Ventajas de Sumérgete en JavaScript
Metodología con mucha práctica
La teoría está bien, y es por eso que el curso cuenta con +12h en vídeo, pero lo realmente importante es la práctica y aquí hay mucha práctica.
Profesores Profesionales
Curso diseñado y realizado por profesores profesionales con experiencia tanto en el sector de la programación como en el educativo.
Acceso de por vida
Compra el curso y ten acceso a él siempre que lo necesites. Obtendrás todas las actualizaciones.
Certificado de finalización
Realizando el Proyecto Final obtendrás un certificado de finalización. El certificado cuenta con un código de verificación, para que las empresas puedan comprobar que realmente sabes JavaScript.
Comunidad de Discord
Conecta con los profesores y otros estudiantes a través de la comunidad de Discord. Haz nuevos amigos, contactos en el sector y pide ayuda a tus profesores, todo desde una sola plataforma.
Pruébalo 14 días
No tienes que decidir ahora. Puedes acceder al curso y tomar una decisión en las próximas dos semanas. Si no te gusta el contenido o te das cuenta que el curso no es para tí, solo tienes que avisarnos y te devolvemos el 100% de tu dinero.
Testimonios de algunos estudiantes
Ellos ya han aprendido JavaScript
