Este video vamos a continuar aprendiendo sobre las diferentes formas de manipular elementos.
Una vez que los seleccionamos.
Entonces, hemos hablado sobre la manipulación de clases de cambio de estilo eliminando clases.
Hablamos sobre la alteración del contenido del texto y lo enfureció.
Ahora vamos a hablar sobre la manipulación de atributos.
Así que recuerda los atributos son cosas como H. F. es igual a Google como com o fuente en una imagen.
Así que siempre siguen esto, algunos nombres de propiedades equivalen a algo dentro de las comillas y los atributos
son realmente importantes.
Y a veces queremos manipularlos, queremos cambiar las cosas.
Así que vamos a hacer algunas cosas simples desde el principio, como cambiar cada enlace en Google.
La página de Dotcom es un enlace a.
Así que vamos a hacer algunas cosas simples para comenzar, como cambiar cada enlace en la página de inicio de Google dot
com para que sea Bing dotcom.
Pero cambiar atributos es algo realmente importante y útil en proyectos reales.
Entonces, si hiciéramos un control deslizante de imagen, por ejemplo, muchas veces los controles deslizantes de imagen de las galerías de imágenes se
realizan cambiando la fuente de una imagen y solo se trata de una imagen y la fuente se cambia.
Entonces, ese es solo un ejemplo rápido, pero vamos a hablar sobre cómo podemos recuperar el
valor de los atributos específicos y cómo también podemos alterar o manipular el valor.
En este ejemplo, tenemos una etiqueta de anclaje con un borrador para ser google. com y una etiqueta de imagen con
fuente es logo dot DNG.
Así que seleccionamos la etiqueta de anclaje para iniciar el selector de consultas a guardar eso para vincular y hay
un método que podemos usar llamado Obtener atributo y obtener atributo que hace lo que parece que recupera o
obtiene el valor del atributo específico que solicitamos.
Entonces, si pedimos un respiro en este enlace, nos dará www. Youtube. establecer el atributo toma dos argumentos.
com y luego también puedo cambiar ese atributo usando el atributo Establecer y
El primero es el nombre del atributo y el segundo es el que quiero cambiar.
Entonces, en este caso, estoy cambiando el Tref en este enlace para que sea WDW, que los perros dot com.
Vamos a seguir y demostrar esto en el navegador.
Así que voy a usar el atributo get para recuperar el origen de esta primera imagen aquí.
Entonces necesito seleccionarlo.
Vamos a llamarlo imagen uno es igual a documento y obtengamos elementos por
nombre de etiqueta y queremos el primero.
Y si lo vemos en la imagen 1 si preguntamos por la fuente, simplemente obtenemos atributo como sarcy.
Y esta es nuestra fuente.
Si quería cambiar esa imagen, en realidad tengo una imagen preparada aquí de otra mezcla de corgi
adorable, un corgi husky.
Voy a seguir adelante y solo copiaré esto y lo cambiaré usando la imagen un atributo de conjunto de puntos
como este y luego lo pasaré como el segundo argumento.
Y presionamos enter y ahora obtengo mi imagen actualizada allí.
Y podría hacer lo mismo, por supuesto, a la segunda imagen.
Solo necesito seleccionarlo para que podamos hacer algo como esto para que la
imagen para documentar obtenga elementos por nombre de etiqueta imagen 1 y luego imagen para establecer el origen de atributo para que sea la misma cosa.
Ahora tenemos dos de esos adorables perros Husky desproporcionados.
Así que solo por variedad, agregaré una etiqueta de anclaje también.
Así que arriba arriba tendremos una etiqueta de anclaje con Tref BW dot Google dot com y luego iremos aquí.
Enlace a Google y lo que podemos hacer para comenzar es el cambio que vincula una ref.
Entonces, si estamos frescos en la página que tenemos ese enlace, hemos seleccionado hasta ahora un documento igual que el selector
de consultas A.
Y luego haremos un atributo de conjunto de puntos, Tref ya no está haciendo fuente, estamos cambiando la naturaleza
del atributo y lo haremos con Corgies dot com, y si miramos primero, si miramos la etiqueta a, puede ver la forma en que
se nos representa y los contras. Ha cambiado a Corgies dot com.
Si lo inspecciono
HCF ha cambiado el Corgies start com.
Y, por último, si hago clic en una nueva pestaña nos lleva a Corgies dot com y notará que en realidad no nos
llevó al sitio web. Corgies star com intentó hacerlo en una ruta relativa.
queremos que vaya al sitio web Corgies start com, no estoy seguro de que sea un sitio web real.
Entonces, para solucionarlo, si realmente
Necesitamos hacer una barra diagonal HTP y eso le dice al navegador que este enlace no es relativo a dónde nos
encontramos.
Es una ruta absoluta, lo que significa simplemente ir a esta URL, no intente y agréguela al final de
donde estamos.
Entonces estamos usando el protocolo HTP y lo hago ahora si lo inspeccionamos.
Puedes ver que ha cambiado HGP.
hacemos clic en una nueva pestaña Corgies dotcom nadie posee eso realmente o alguien lo posee pero no lo usa.
Y si
Es una pena y una pena.
Entonces, lo último es actualizar este enlace que no dice enlace a Google.
Todo lo que tenemos que hacer es a.
Y tenemos dos opciones, pero el contenido de texto suele ser la mejor opción para
simplemente cambiar el texto. Edite el contenido de texto igual al enlace a corgi dot com y ahora nuestra etiqueta ha cambiado.
Es el atributo Atra y el contenido interno también ha cambiado.
Entonces, para concluir, tenemos el atributo atributo y establecer y esos funcionan en cualquier atributo.
Así que lo mostré para un Tref y para la fuente, pero podrías usarlo si quisieras cambiar una ID para cambiar
una clase o cualquier otro atributo que esté disponible.
Hay bastantes más, pero estos son los más comunes que funcionarán con