En el video anterior vimos Get L.M y Classmate que te ayudar a seleccionar un elemento por el nombre
de la clase que le hayas dado en el HTML.
En este video vamos a ver otro selector que vamos a poner elements by Classmate y creamos un comentario
además para que este código no interfiera con lo que estamos trabajando en este video.
Y mantener nuestros códigos para futuro estudio.
Vamos a crear a trabajar más bien con uno que se llama Get elements.
Voy Daphne y Maitane este va a seleccionar por ejemplo DIV o FOM o Lebon va a seleccionar la etiqueta
HTML que le pases vamos a crear una variable que se llama enlaces por ejemplo y voy a ponerle document
to get elements plural aquí es plural es importante por ejemplo que el Bayardi es Element y Class Naimi
Al-Thani son elementos con s al final porque si no te va a marcar un error en la consola.
Get elements voy ni yo vamos a por ejemplo seleccionar todos los enlaces.
Si recuerdas todos los enlaces tienen en común que es la etiqueta a nada más y podemos mandar a la consola
todos los enlaces y recargo y vemos que se ve a muchos a todos nuestro diseño tal vez diga cuántos cuántos
enlaces tendré en mi sitio web.
Bueno esto es una forma puedes seleccionar elements Vitamin seleccionarla y después esto es una raíz.
Puedes ver aquí en el corchete puedes utilizar un for y imprimirlos por ejemplo Navascués ponerle los
enlaces punto Laing eso sería una forma de decir que tenemos 24 enlaces en tu sitio web y tal vez nos
digan en nuestro trabajo y queremos que cada uno de estos enlaces tenga un atributo target Blank.
Si recuerdas el target Blank abría una nueva pestaña el enlace y lo podríamos hacer ponemos aquí a tarjeta
ponerle tarjeta.
Blink sin embargo acabamos de ver que tenemos 24 enlaces y eso sería hacerlo 24 veces con JavaScript
puedes hacerlo con una sola línea de código o tres en este caso vamos a crear un foro vamos a ponerle
bar igual a cero vamos a poner y que sea menor que enlaces punto length y le ponemos más más abrimos
nuestras llaves y aquí vamos a poner enlaces punto en enlaces en la posición y punto z atributo.
Si recuerdas ya vimos en videos anteriores a TripIt para cambiarle una clase en este caso vamos a ponerle
una tarjeta y le ponemos Koma Blanck y guardo cambio si recargo y voy a inspeccionar.
Por ejemplo aquí en nosotros puedes ver que queparece target Blank este de aquí también aparece target
Blank y solamente con esta función este pequeño pedazo de código hemos agregado target Blanck a todos
nuestros enlaces y con la función de método de atributo que toma como primer parámetro el atributo y
el segundo al valor que quieres ponerle un atributo.
Este fue el ejemplo que hicimos en el video anterior con Clas y le pusimos nueva clase así que si quieres
puedes regresar ese video y verlo sino si tienes alguna duda de cómo funciona esa parte vamos a hacer
otro ejemplo y vamos a seleccionar los enlaces de nuestros Haibara inspeccionados aquí podemos ver que
éste tiene una idea de saiba así que puedes mezclarlos también y podemos ponerle a esquivar enlaces
salvar iguala documenta punto Get element.
Vaya y y le damos este valor para salvar y luego ponemos punto Get elements Maitane y ahora vamos a
ir por todos los enlaces así que primero estamos seleccionando Alcibar y luego estamos seleccionando
los enlaces que están aquí adentro.
Esta es una forma de hacerlo y le puedo dar aquí por ejemplo Consol log enlace Sidebar y recargar y
vemos que nos aparecen cinco enlaces que son estos que aquí tenemos de esa forma lo podríamos hacer
tal vez nos dicen estos enlaces del Seibert queremos que apunten al sitio web de Google.com puedes hacer
lo mismo.
Infor for Baur igual a cero.
Enlaces Siva y menor que enlaces Salvà al link y más aquí ponerle enlaces Seivane en la posición y la
posición y a lo que me refiero cuando digo posición y es cero 1 2 3 y 4 en todos los que tenga ponemos
un set atributo y en este caso el atributo HR-V coma y le ponemos la página web en la que queremos visitar
HTTP 2.0 algunas de Bonal lo un punto Google.com y guardo cambio si recargo y puede inspeccionar aquí
leí los Pandey y vemos que aparece HR-V y dice Google y dar clic aquí y vemos que me abre la página
de Google en una pestaña nueva porque también te inventariada Blank así que de esta forma estamos viendo
cómo mezclar distintas partes que hemos visto del lenguaje Fors agregar atributos selectores etcétera
y continuaremos de esta forma a lo largo del curso.