1
00:00:00,640 --> 00:00:05,130
Este video vamos a continuar aprendiendo sobre las diferentes formas de manipular elementos.

2
00:00:05,160 --> 00:00:06,360
Una vez que los seleccionamos.

3
00:00:06,690 --> 00:00:11,040
Entonces, hemos hablado sobre la manipulación de clases de cambio de estilo eliminando clases.

4
00:00:11,040 --> 00:00:15,290
Hablamos sobre la alteración del contenido del texto y lo enfureció.

5
00:00:15,600 --> 00:00:18,600
Ahora vamos a hablar sobre la manipulación de atributos.

6
00:00:18,810 --> 00:00:25,820
Así que recuerda los atributos son cosas como H. F. es igual a Google como com o fuente en una imagen.

7
00:00:26,550 --> 00:00:32,460
Así que siempre siguen esto, algunos nombres de propiedades equivalen a algo dentro de las comillas y los atributos

8
00:00:32,460 --> 00:00:33,330
son realmente importantes.

9
00:00:33,330 --> 00:00:36,410
Y a veces queremos manipularlos, queremos cambiar las cosas.

10
00:00:36,570 --> 00:00:40,890
Así que vamos a hacer algunas cosas simples desde el principio, como cambiar cada enlace en Google.

11
00:00:40,900 --> 00:00:45,950
La página de Dotcom es un enlace a.

12
00:00:46,200 --> 00:00:51,040
Así que vamos a hacer algunas cosas simples para comenzar, como cambiar cada enlace en la página de inicio de Google dot

13
00:00:51,060 --> 00:00:52,460
com para que sea Bing dotcom.

14
00:00:52,490 --> 00:00:58,280
Pero cambiar atributos es algo realmente importante y útil en proyectos reales.

15
00:00:58,320 --> 00:01:05,610
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

16
00:01:05,610 --> 00:01:11,440
realizan cambiando la fuente de una imagen y solo se trata de una imagen y la fuente se cambia.

17
00:01:11,730 --> 00:01:16,800
Entonces, ese es solo un ejemplo rápido, pero vamos a hablar sobre cómo podemos recuperar el

18
00:01:16,890 --> 00:01:21,460
valor de los atributos específicos y cómo también podemos alterar o manipular el valor.

19
00:01:21,570 --> 00:01:28,050
En este ejemplo, tenemos una etiqueta de anclaje con un borrador para ser google. com y una etiqueta de imagen con

20
00:01:28,050 --> 00:01:30,110
fuente es logo dot DNG.

21
00:01:30,360 --> 00:01:36,300
Así que seleccionamos la etiqueta de anclaje para iniciar el selector de consultas a guardar eso para vincular y hay

22
00:01:36,300 --> 00:01:41,880
un método que podemos usar llamado Obtener atributo y obtener atributo que hace lo que parece que recupera o

23
00:01:42,150 --> 00:01:44,360
obtiene el valor del atributo específico que solicitamos.

24
00:01:44,490 --> 00:01:51,810
Entonces, si pedimos un respiro en este enlace, nos dará www. Youtube. establecer el atributo toma dos argumentos.

25
00:01:51,810 --> 00:01:56,580
com y luego también puedo cambiar ese atributo usando el atributo Establecer y

26
00:01:56,640 --> 00:02:01,890
El primero es el nombre del atributo y el segundo es el que quiero cambiar.

27
00:02:01,890 --> 00:02:08,820
Entonces, en este caso, estoy cambiando el Tref en este enlace para que sea WDW, que los perros dot com.

28
00:02:09,540 --> 00:02:13,200
Vamos a seguir y demostrar esto en el navegador.

29
00:02:13,200 --> 00:02:17,940
Así que voy a usar el atributo get para recuperar el origen de esta primera imagen aquí.

30
00:02:18,150 --> 00:02:19,430
Entonces necesito seleccionarlo.

31
00:02:19,680 --> 00:02:26,970
Vamos a llamarlo imagen uno es igual a documento y obtengamos elementos por

32
00:02:29,610 --> 00:02:33,810
nombre de etiqueta y queremos el primero.

33
00:02:33,810 --> 00:02:43,330
Y si lo vemos en la imagen 1 si preguntamos por la fuente, simplemente obtenemos atributo como sarcy.

34
00:02:44,280 --> 00:02:45,840
Y esta es nuestra fuente.

35
00:02:46,170 --> 00:02:52,620
Si quería cambiar esa imagen, en realidad tengo una imagen preparada aquí de otra mezcla de corgi

36
00:02:52,770 --> 00:02:54,290
adorable, un corgi husky.

37
00:02:54,780 --> 00:03:03,180
Voy a seguir adelante y solo copiaré esto y lo cambiaré usando la imagen un atributo de conjunto de puntos

38
00:03:03,180 --> 00:03:07,700
como este y luego lo pasaré como el segundo argumento.

39
00:03:07,700 --> 00:03:12,500
Y presionamos enter y ahora obtengo mi imagen actualizada allí.

40
00:03:13,020 --> 00:03:15,700
Y podría hacer lo mismo, por supuesto, a la segunda imagen.

41
00:03:15,750 --> 00:03:22,290
Solo necesito seleccionarlo para que podamos hacer algo como esto para que la

42
00:03:22,290 --> 00:03:35,970
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.

43
00:03:35,970 --> 00:03:41,520
Ahora tenemos dos de esos adorables perros Husky desproporcionados.

44
00:03:41,670 --> 00:03:45,220
Así que solo por variedad, agregaré una etiqueta de anclaje también.

45
00:03:45,360 --> 00:03:53,220
Así que arriba arriba tendremos una etiqueta de anclaje con Tref BW dot Google dot com y luego iremos aquí.

46
00:03:53,370 --> 00:04:01,380
Enlace a Google y lo que podemos hacer para comenzar es el cambio que vincula una ref.

47
00:04:01,390 --> 00:04:07,950
Entonces, si estamos frescos en la página que tenemos ese enlace, hemos seleccionado hasta ahora un documento igual que el selector

48
00:04:08,510 --> 00:04:09,480
de consultas A.

49
00:04:09,930 --> 00:04:17,880
Y luego haremos un atributo de conjunto de puntos, Tref ya no está haciendo fuente, estamos cambiando la naturaleza

50
00:04:17,880 --> 00:04:27,600
del atributo y lo haremos con Corgies dot com, y si miramos primero, si miramos la etiqueta a, puede ver la forma en que

51
00:04:27,910 --> 00:04:32,940
se nos representa y los contras. Ha cambiado a Corgies dot com.

52
00:04:33,090 --> 00:04:35,080
Si lo inspecciono

53
00:04:35,690 --> 00:04:38,200
HCF ha cambiado el Corgies start com.

54
00:04:38,370 --> 00:04:46,680
Y, por último, si hago clic en una nueva pestaña nos lleva a Corgies dot com y notará que en realidad no nos

55
00:04:46,680 --> 00:04:51,620
llevó al sitio web. Corgies star com intentó hacerlo en una ruta relativa.

56
00:04:51,660 --> 00:04:57,390
queremos que vaya al sitio web Corgies start com, no estoy seguro de que sea un sitio web real.

57
00:04:57,390 --> 00:04:58,750
Entonces, para solucionarlo, si realmente

58
00:04:59,160 --> 00:05:06,750
Necesitamos hacer una barra diagonal HTP y eso le dice al navegador que este enlace no es relativo a dónde nos

59
00:05:06,750 --> 00:05:07,280
encontramos.

60
00:05:07,410 --> 00:05:12,210
Es una ruta absoluta, lo que significa simplemente ir a esta URL, no intente y agréguela al final de

61
00:05:12,210 --> 00:05:12,600
donde estamos.

62
00:05:12,780 --> 00:05:18,260
Entonces estamos usando el protocolo HTP y lo hago ahora si lo inspeccionamos.

63
00:05:18,810 --> 00:05:21,400
Puedes ver que ha cambiado HGP.

64
00:05:21,660 --> 00:05:29,070
hacemos clic en una nueva pestaña Corgies dotcom nadie posee eso realmente o alguien lo posee pero no lo usa.

65
00:05:29,070 --> 00:05:30,000
Y si

66
00:05:30,000 --> 00:05:32,690
Es una pena y una pena.

67
00:05:32,700 --> 00:05:37,350
Entonces, lo último es actualizar este enlace que no dice enlace a Google.

68
00:05:37,350 --> 00:05:38,850
Todo lo que tenemos que hacer es a.

69
00:05:39,000 --> 00:05:45,240
Y tenemos dos opciones, pero el contenido de texto suele ser la mejor opción para

70
00:05:45,270 --> 00:05:54,940
simplemente cambiar el texto. Edite el contenido de texto igual al enlace a corgi dot com y ahora nuestra etiqueta ha cambiado.

71
00:05:54,960 --> 00:05:59,260
Es el atributo Atra y el contenido interno también ha cambiado.

72
00:06:00,030 --> 00:06:05,350
Entonces, para concluir, tenemos el atributo atributo y establecer y esos funcionan en cualquier atributo.

73
00:06:05,550 --> 00:06:11,400
Así que lo mostré para un Tref y para la fuente, pero podrías usarlo si quisieras cambiar una ID para cambiar

74
00:06:11,430 --> 00:06:13,970
una clase o cualquier otro atributo que esté disponible.

75
00:06:13,980 --> 00:06:18,120
Hay bastantes más, pero estos son los más comunes que funcionarán con