10. Cómo SELECCIONAR con JAVASCRIPT elementos HTML 🚀 y MODIFICAR sus propiedades CSS

Подписаться 15 тыс.

Просмотров 12 тыс.

50% 1

En este vídeo del Curso Completo práctico desde cero de javaScript veremos de una manera práctica cómo podemos relacionar javaScript con los elementos HTML que hay en el body, para poder modificar sus propiedades CSS, o bien para crear eventos, y así, al hacer clic en un elemento (o botón) realice este cambio de propiedades.
Trataremos de manera detallada cómo funciona el conocido "document.getElementById", de qué partes se compone y cómo podemos sacarle el máximo de provecho.

Опубликовано:

26 дек 2017

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 25

@soyjab 3 года назад

Si en este 2021 quieres ⭐️Aprender a Programar en JavaScript ya, y de una vez por todas, 🚀 te espero en el Curso Completo (y definitivo): "Aprende a Programar con JavaScript" 🏆 ✔️ Test de preguntas rápidas sobre JavaScript (nivel: Inicial). Comprueba tus conocimientos al instante: 👉 bit.ly/3don2h5 ✔️ Índice de Contenidos del Curso Completo "Aprende a Programar" con JavaScript: 👉 bit.ly/2REeHNN ✔️ Vídeo de Presentación del Curso 👉 n9.cl/3zn0s ✔️ Módulo 1: Variables y tipos de datos en JavaScript: 👉 bit.ly/3wXQ5jg ✔️ Módulo 2: Operadores y Expresiones 👉 bit.ly/3sidzw0 ✔️ Módulo 3: Las Funciones con JavaScript 👉 bit.ly/3mPr2dw ✔️ Módulo 3: Los Eventos a fondo 👉 bit.ly/2QvHi7b ✔️ Módulo 4: Los Condicionales, sin secretos 👉 bit.ly/3wQm0Sy ✔️ Módulo 5: Los Arrays, sus métodos y propiedades 👉bit.ly/32dVCE8 ✔️ Módulo 6: Todo sobre los Bucles 👉 bit.ly/3elt9Cb ✔️ Proyecto Final: Máquina tragaperras 👉 bit.ly/2RC1cy9 ✔️ Actividad Práctica: Crea tu camiseta Personalizada 👉 bit.ly/2RtvC5u ✔️ Actividad Práctica: Crea un slider (100% Responsive) 👉 bit.ly/3tq6AlW

@usuario_4778 6 месяцев назад

Ya voy por esta entrega número 10 y muy contento de todo lo que estoy aprendiendo. Sigo este curso con emoción y alegría.

Месяц назад

Hola JAB, sos un genio, tu forma de explicar increíble. Recomiendo tu canal a mis compañeros de programación.

@RicardoGarcia-tm4ks 2 года назад

Contenido MUY interesante. Me ha servido mucho para un proyecto en el que estaba muy atascado...

@xenonxenotico8717 2 года назад

Vídeo MUY interesante y muy bien explicado. Estoy siguiente tu curso de JavaScript, y encuentro que es muy ilustrativo y está muy currado.

@yehissongalvisg6718 Год назад

JAB Tu aporte es increible!!!! LLegué a tu canal buscando una solución para pausar un video automaticamente al dar click en otro para una galeria de mi sitio web con muchos videos y estoy feliz 😄siguiendo tu curso, es muy claro y didactico 100%. Me detuve para comentarte... continuaré hasta el final. Y te haré saber cuando haya comprendido la o las funciones que necesito. MUUUUChas gracias!!!! tienes un suscriptor mas.

@soyjab Год назад

Genial Yehisson, me alegro mucho de haberte ayudado y que me hayas encontrado. Además, me permito el atrevimiento de recomendarte mis listas de reproducción de "Actividades cortas y sencillas para aprender JavaScript" o bien el "Curso de REACT FÁCIL y sin DOLOR"... Creo que te pueden ayudar...

@julioarmandoramires6218 Год назад

Simplemete una pasada tu video, se comprende muy claramente.

@marionalopez260 2 года назад

Muy buen vídeo y muy bien explicado. Me ha sido de gran utilidad. Muchas Gracias

@carnotfactory Год назад

Excelente vídeo.

@soyjab Год назад

Gracias por tu comentario Gear

@ppmejia9623 4 года назад

No sabes como me ayudo este video, busqué por horas hacer algo parecido, pero parece que todos hacen el mismo video con diferentes metodos , pero el tuyo realmente me enseñó algo nuevo, enhorbuena bro y tienes un sub más

@soyjab 3 года назад

Muchas gracias por el comentario.

@dantelorenzo9590 Год назад

Gracias !!! Me ayudo mucho con un pequeño proyecto!

@soyjab Год назад

Genial, gracias también a ti Dante por tu comentario

@diegodnk 10 месяцев назад

i love it

@marloncode Год назад

Amigo muy buenos días.. pero seria genial que hagas un ejemplo para cambiar el color cogiendo una clase. Te comento que estoy haciendo un menú y cuando selecciono un item del menú lo pinta de otro color pero al refrescar la pagina se quita el color

@soyjab Год назад

Para eso tendrías que guardar el valor de la propiedad en local, por ejemplo, con localStorage, ya que los cambios de propiedad NO se mantienen al recargar la página, cómo es lógico.

@marloncode Год назад

@@soyjab Genla amigo mil gracias .. mis saludos cordiales ahora lo investigo

@reygodoervigio5338 2 года назад

Yo, personalmente, prefiero al utilización de querySelector y querySelectorAll en vez del uso de los míticos y omnipresentes getElementById, getElementsByClassName y getElementsByTagName.

@IvanLopriore 3 года назад

Hola! Y si quisiera cambiar la apariencia de varios elementos? Saludos!

@soyjab 3 года назад

Tendrías que escribir un document.getElementById... o document.querySelector... para cada uno de los elementos a modificar. Si quieres modificar, por ejemplo, la apariencia de 3 tendrías que escribir una línea de código para cada uno de los elementos. Con librerías como jQuery se puede hacer con una línea de código, pero con JavaScript puro hay que escribir un poco más.

@IvanLopriore 3 года назад

@@soyjab gracias!

@soyjab 3 года назад

@@IvanLopriore Muchas gracias a ti por el comentario. Ayuda un montón...