Тёмный

Curso Básico de Javascript 17.- Acceso a los atributos del DOM 

FalconMasters
Подписаться 512 тыс.
Просмотров 86 тыс.
50% 1

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

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 69   
@FalconMasters
@FalconMasters Год назад
📢ACTUALIZACIÓN: Nuevo curso de Javascript actualizado con mejor calidad, y mucho más contenido: 👉 www.desarrolloweb.io/cursos/javascript ¿Qué incluye el curso? ✅ Más de 33 horas en video en las que aprenderás más de 180 temas diferentes. ✅ 6 proyectos y aplicaciones reales para practicar todo lo aprendido. ✅Acceso a todo el código del curso, incluyendo los proyectos. ✅Acceso a un sistema de preguntas y respuestas. (siempre respondo todas las preguntas) ✅Garantía de 30 días, si no te gusta te devolvemos tu dinero.
@luisalbertocaballerorausse5925
@luisalbertocaballerorausse5925 3 года назад
Hasta ahora todos los vídeos habían estado perfectamente hilados . Este es confuso de manera innecesaria. Lo haces bien, sigue apoyando a quienes tienen intención de autodesarrollo en el mundo de habla hispana. Gracias. Ojala que todos los contenidos que encontramos en la red fueran como los tuyos.
@AntonyCarrizoHernadez
@AntonyCarrizoHernadez 8 лет назад
Carlos, Soy de Venezuela y estoy comenzando a aprender este lenguaje tan importante en el desarrollo web, y esto gracias a tu voluntad de enseñar y aportar tus conocimientos a todos.!! Muchas gracias, me interesa mucho este lenguaje y he aprendido mucho mas debido a tu excelente forma de explicar cada contenido del curso. Espero que continúes compartiendo mas tus conocimientos y sobre todo en JavaScript :)
@user-iw6rl9rc2g
@user-iw6rl9rc2g 5 лет назад
La verdad que me parecen unos cursos muy didácticos y fáciles de entender. Como decimos en Colombia "Como enseñaba la cartilla COQUITO". mUCHAS GRACIAS
@d-landjs
@d-landjs 5 лет назад
Estoy aprendiendo muy rapido y es gracias a tus cursos, no hay mejor profesor que tu Falcon!!!
@cesarqp
@cesarqp 9 лет назад
Carlos Arturo, de verdad te felicito por el curso. Hasta ahora está muy bien explicado y fácil de entender. Saludos.
@FalconMasters
@FalconMasters 9 лет назад
+César Quintero Excelente, muchas gracias
@yurdinsequeira8992
@yurdinsequeira8992 7 лет назад
porque en los atributos tu escribiste ("class", "azul") y se volvio azul si lo que estas modificando es el nombre de class como para css pero porque se cambio de color si no modificaste el color sino class. class no es solo para identificar un nodo en css? algo como el id en javascript que sirve identificar. o no es asi? explicame porf :)
@davidroldan6007
@davidroldan6007 7 лет назад
esque en css ya agrego como seria la clase azul y en javascript se la agrego al elemento
@dejavue9838
@dejavue9838 6 лет назад
La consola es un mundo mágico. 10/10, me encanto este video
@FalconMasters
@FalconMasters 6 лет назад
La consola cambia vidas
@eduardorivas6959
@eduardorivas6959 3 года назад
Excelente! Muchas gracias.
@codefields3628
@codefields3628 7 лет назад
Gracias Carlos por compartir tus conocimientos están muy bien explicados. Saludos.
@moisesochoa6287
@moisesochoa6287 8 лет назад
Oyes calos, cual plugin usas para auto-completar en JavaScript, se ve muy completo y yo no he encontrados alguno igual. Saludos
@Javelo
@Javelo 4 года назад
div{ width: 200px; height: 200px; background: #dddddd; display: inline-block; margin-right: 10px; border: 1px solid #aaaaaa; } .azul{ background: #0074d9; border: 1px solid #000; } .rojo{ background: #ff4136; border: 1px solid #000; }
@gustavoezequielguzman9272
@gustavoezequielguzman9272 3 года назад
me encantan tus videos!! solo me quede con una duda!! cuando cambio color en consola en inspector me los cambia pero no en pantalla!! por que?
@FMega99
@FMega99 6 лет назад
Un gran curso, te doy mis felicitaciones FalconMasters!
@10crack8
@10crack8 9 лет назад
¿Entrarás en el curso más adelante a explicar AJAX? Sería muy interesante. Un saludo.
@dreadsean7233
@dreadsean7233 3 года назад
amigo gracias por los videos son muy bueno, esto medio una nocion de como los hackers usan las estafas
@miguelangeldiazsantos7600
@miguelangeldiazsantos7600 4 года назад
Excelente capítulo me gusto bastante, sobre todo muchísimas gracias por hacer estos videos ya que voy bastante bien, práctico mucho porque la ¡¡práctica hace al Maestro!! Duro Falcón muchísimas Gracias c: document. Write("sos el mejor " );
@maximilianoweihmuller1809
@maximilianoweihmuller1809 5 лет назад
Muy Claro y conciso !!!! Gracias
@andcaru
@andcaru 7 лет назад
Muy útil, muchas gracias.
@happycode4758
@happycode4758 5 лет назад
Hola, quisiera emprender. Estudio Ingenieria en Computacion y ahora estoy aprendiendo diseño Web, quisiera aprobar la materia y empezar a vender paginas web pero no se como empezar, tal vez podrías hacer una lista de reproduccion de como iniciar en el negocio?. Porfa. Yo no tengo experiencia laboral pero madre mia! Se diseño y animacion y gracias a tus tutoriales de diseño e complementado las dos anteriores y que hermosas paginas he aprendido a crear. Porfa, necesito ayuda , un guia, para poder iniciarme en el negocio. Te lo agradeceria millon ! Que tengas un gran dia!
@valentinarestrepo2421
@valentinarestrepo2421 5 лет назад
OMG :( :( Justo necesito saber como poner el enlace en una variable para poder añadirla :( ya no me gustó la parte de la flojera jajajajaja btw Gracias por el curso!
@maatias8002
@maatias8002 6 лет назад
Muy bueno!!... Sos un crack!!
@dropewisck3349
@dropewisck3349 4 года назад
Por mas que reviso los códigos no me aparecen los cuadrados, ninguno, ni los colores, no entiendo por que, lo tengo exactamente igual a ti, seguí paso a paso y nada.
@tecla222
@tecla222 7 лет назад
Hola a todos! Excelentes los videos, felicitaciones!! Pregunta: Como puedo hacer para que Sublime Text me marque los errores en mi codificación. A veces no logro darme cuenta donde está.
@danielsierralince
@danielsierralince 3 года назад
Después de ejecutar en el navegador se puede usar ctrl+shift+i para abrir la consola y ahí se especifica pdt: respuesta tarde pero es por si a alguien más le sirve xd :)
@juniordone956
@juniordone956 6 лет назад
Gracias
@berlinortega8047
@berlinortega8047 5 лет назад
Carlos muchas gracias muy completo pero ENSERIO no le pongas al elemento de nombre elemento porque cuando lo mencionas no se de cual estas hablando y confundes te lo comentaba en otros cursos anteriores, no le pongas de nombre al ejemplo: ejemplo porque enredas de resto todo super abrazos.
@copyta86
@copyta86 6 лет назад
Te amo #FalconMasters !!! :*
@angelinabarzola_
@angelinabarzola_ 4 года назад
Tengo problemas con el insertBefore, a pesar de que copié el código tal cual en el vídeo :c Uncaught TypeError: Cannot read property 'insertBefore' of null
@jaironieto5018
@jaironieto5018 8 лет назад
perdón por mi ignorancia pero a la hora de cambiar en la consola el href los cambios se guardan en el código , o es solo para comprobar el funcionamiento?
@janettita5390
@janettita5390 8 лет назад
es sólo para comprobar como funciona, el código no cambia, todo se hace del lado del cliente así que el código original queda intacto
@todosobreblogger7494
@todosobreblogger7494 9 лет назад
Muchas Gracias Por Este Curso Carlos. Una Pregunta? Tú Eres Carlos Arturo A El Que Entrevistaron Gracias. Espero Tú Respuesta.
@FalconMasters
@FalconMasters 9 лет назад
+TodoSobre Blogger Haha si, hace ya varios años
@todosobreblogger7494
@todosobreblogger7494 9 лет назад
Jaja Que Bién Es Que No Sabía Si Era Fake O Verdad! c: Gracias Por Tu Respueta
@elbajimenezsanchez9429
@elbajimenezsanchez9429 9 лет назад
TodoSobre Blogger wqq szzekdjjsjzjzjsjns
@pixelardigital9130
@pixelardigital9130 6 лет назад
Buenas osea que puedo usarlo en vez de usar css?
@patricklandia1
@patricklandia1 4 года назад
Hola se que estamos en el 2020, pero al aplicar el elemento.setAttribute("class", "azul"); en la consola me da ,undefined, cambio la sintaxis con respecto al setAttribute ? Saludos excelente Curso!
@zodwermendozajwpub
@zodwermendozajwpub 4 года назад
A mi también me aparece undefined pero si funciona. De hecho si prestas atención a él también le aparece undefined en la consola.
@patricklandia1
@patricklandia1 3 года назад
@@zodwermendozajwpub gracias pero no se me aplico el azul , lo veré a ver al código ! Gracias por el comentario !
@santiagolaperuta4218
@santiagolaperuta4218 4 года назад
3:55 -> padre.insertBefore(newElement, referenceElement)
@sergiosotelo9948
@sergiosotelo9948 9 лет назад
modificar los atributos desde la consola también modifica al archivo?
@kevinduranbaez6432
@kevinduranbaez6432 9 лет назад
+Sergio Sotelo No
@tebybohorquez6121
@tebybohorquez6121 7 лет назад
Escribo el codigo tal cual, y cuando quiero mostrar el "div" creado con "documen.body.appenChild(elemento);" abro el documento.html con Google Chrome y no pasa nada. Tambien intente abrirlo con Internet Explorer y nada. Porfavor me podrian ayudar, me pasa siempre que parte del codigo no se me ejecuta. Graciasss!!
@OmarJasso
@OmarJasso 6 лет назад
No se si lo hayas solucionado pero esto generalmente ocurre cuando tienes mal escrita una instrucción. En mi caso al principio así era. Escribia Attribute con solo una t y no veia el error. En tu caso si lo has puesto como lo muestras, le falta una t a document. Saludos
@darcosdemonsss6595
@darcosdemonsss6595 2 года назад
soy el único que le salen cuatro cuadros al inicio del css y con la variable elemento?
@nadiairinamendezdomeneche6770
@nadiairinamendezdomeneche6770 4 года назад
Una pregunta: a mi navegador le agarró un ataque de daltonismo y en vez de ponerse azul al div se le ocurrio ponerse verde a pesar que le puse claramente elemento.setAttribute("class", "azul"); porque suele pasar esto?
@FalconMasters
@FalconMasters 4 года назад
Lo mas seguro es que el color hexadecimal en el código css no fuera azul sino verde, no hay otra explicación de porque podría pasar eso.
@nadiairinamendezdomeneche6770
@nadiairinamendezdomeneche6770 4 года назад
@@FalconMasters lo mas raro es que a vos te aparecio bien el color y a mi me puso un verde, es mas cuando intente cambiarlo en rojo con la herramienta del navegador, se puso en NEGRO!!!
@FalconMasters
@FalconMasters 4 года назад
@@nadiairinamendezdomeneche6770 Eso si es muy extraño, no tengo idea de porque te cambie los colores de forma tan radical. ¿Podrias pasarme tu codigo para probarlo? Puedes publicarlo aqui si quieres: codepen.io/pen/
@bernardoleonhoyos7596
@bernardoleonhoyos7596 3 года назад
Azul rey #0000FF Cian #00FFFF
@luisrm9892
@luisrm9892 5 лет назад
Hola soy angel aqui les dejo una funcion que encontre y modifique para poder agregar despues de un elemento,texto o comentario e: el nodo tras el que se quiere insertar otro. i: el nodo que se quiere insertar. function insertAfter(e,i){ if(e.nextSibling){ e.parentNode.insertBefore(i,e.nextSibling); } else { e.parentNode.appendChild(i); } } podrias cambiar nextsibling por nextElementSibling para que te devuelva solo elementos
@waldid3233
@waldid3233 4 года назад
me presenta un error al momento de insertarle el Before... Uncaught TypeError: Cannot read property 'insertBefore' of null no se por que me aparece ese error
@didiersamuelavilesochoa
@didiersamuelavilesochoa 6 лет назад
tengo un problema desde hace varios videos mas cuando trato de modificar los MOD. Es frustante que tus esfuerzos no rindan los resultados que deceas developer.mozilla.org/es/docs/Web/JavaScript/Reference/Errors/Not_a_function
@FalconMasters
@FalconMasters 6 лет назад
Ese error puede significar muchas cosas, puede ser desde que tengas mal escrito el nombre de una función y por eso no la encuentra. También es posible que estas usando mal el scope de javascript y estas intentando acceder a una función protegida.
@joncalfer
@joncalfer 7 лет назад
El editor es Sublime text?
@IvanGG
@IvanGG 7 лет назад
si
@davidsanchez-bu9un
@davidsanchez-bu9un 4 года назад
Dejo el codigo por si alguien no tiene ganas de escribir: Insert title here div { width: 200px; height: 200px; backgound: #dddddd; display: inline-block; margin-right: 50px; border: 5px solid #AAAAAA; } .azul { background: #0074D9; border: 5px solid #AAAAAA; } .red { background: #FF4136; border: 5px solid #AAAAAA; } Enlace a Dim var elemento= document.createElement("div"); var padre =document.getElementById("contenedor"); var referencia = document.getElementsByTagName("div")[2]; padre.insertBefore(elemento, referencia) elemento.setAttribute("class", "red") //elemento.setAttribute("id", "prueba") //document.body.appendChild(elemento);
@terry5596
@terry5596 4 года назад
e llegado a este punto del curso y solo entiendo un poco de javascript :,v
@alexrigar
@alexrigar 8 лет назад
para qué quieres la variable padre si ni la usas?, mejor creaste una var referencia.
@amantedelasmotosoficial
@amantedelasmotosoficial 7 лет назад
La variable padre indica que se añada el nuevo div dentro del contenedor
@kevanz123
@kevanz123 8 лет назад
9:13 "yo lo hago por flojera basicamente" JAJAJAJA
@ELGEORGE183
@ELGEORGE183 6 лет назад
Hermano eres muy buen programador pero no muy buen profesor debes ser mas didáctico y no asumir que la gente ya sabe ejemplo los metodos lanzaste el codigo sin explicar para que sirve cada uno con ejemplos.
@raiduay7060
@raiduay7060 5 лет назад
Es porque en los cursos anteriores explica que es.La gente lo deducirá
@robertencalada
@robertencalada 5 лет назад
ya están explicados en los videos anteriores George, no te saltes los videos... jeje
Далее
Cómo Centrar tus Elementos HTML Fácilmente
6:42
Просмотров 234 тыс.
Curso Básico de Javascript 15.- Agregando Nodos al DOM
12:48
React Crash Course | Learn React Quickly | In 80 Minutes
1:17:07
Curso Básico de Javascript 6.- Condicionales
17:56
Просмотров 225 тыс.