1
00:00:00,640 --> 00:00:05,130
Cette vidéo, nous allons continuer à apprendre sur les différentes manières de manipuler les éléments.

2
00:00:05,160 --> 00:00:06,360
Une fois que nous les avons sélectionnés.

3
00:00:06,690 --> 00:00:11,040
Nous avons donc parlé de manipuler des classes de changement de style en supprimant des classes.

4
00:00:11,040 --> 00:00:15,290
Nous avons parlé de modifier le contenu du texte et de l'enrager.

5
00:00:15,600 --> 00:00:18,600
Maintenant, nous allons parler de la manipulation des attributs.

6
00:00:18,810 --> 00:00:25,820
Donc, souvenez-vous des attributs sont des choses comme H.F. égale Google comme com ou source sur une image.

7
00:00:26,550 --> 00:00:33,330
Donc, ils suivent toujours ce nom de propriété quelque chose égale quelque chose à l'intérieur de citations et les attributs sont vraiment importants.

8
00:00:33,330 --> 00:00:36,410
Et parfois, nous voulons les manipuler, nous voulons changer les choses.

9
00:00:36,570 --> 00:00:40,890
Nous allons donc faire des choses simples dès le début comme changer chaque lien sur Google.

10
00:00:40,900 --> 00:00:45,950
La page d'accueil de Dotcom pour être un lien vers.

11
00:00:46,200 --> 00:00:52,460
Donc, nous allons faire des choses simples pour commencer comme changer chaque lien sur la page d'accueil Google point com pour être Bing dotcom.

12
00:00:52,490 --> 00:00:58,280
Mais changer les attributs est quelque chose qui est vraiment important et utile dans les projets réels.

13
00:00:58,320 --> 00:01:11,440
Donc, si nous avons fait un curseur image par exemple, beaucoup de fois image galeries image curseurs sont faites en changeant la source d'une image et il est juste une image et la source est en cours de modification.

14
00:01:11,730 --> 00:01:21,460
Ce n'est donc qu'un exemple rapide, mais nous allons parler de la façon dont nous pouvons récupérer la valeur des attributs spécifiques et comment nous pouvons également modifier ou manipuler la valeur.

15
00:01:21,570 --> 00:01:30,110
Dans cet exemple, nous avons une balise d'ancrage avec un ébauche à google.com et une balise d'image avec la source est logo dot DNG.

16
00:01:30,360 --> 00:01:44,360
Nous sélectionnons donc la balise d'ancrage pour lancer le sélecteur de requêtes, une sauvegarde à lier et une méthode que nous pouvons utiliser appelée Get attribut et attribut get fait ce qu'elle sonne récupérer ou obtenir la valeur de l'attribut spécifique que nous demandons.

17
00:01:44,490 --> 00:01:56,580
Donc, si nous demandons un souffle sur ce lien, il va nous donner www.youtube.com et puis je peux aussi changer cet attribut en utilisant Set attribut et l'attribut set prend deux arguments.

18
00:01:56,640 --> 00:02:01,890
Le premier est le nom de l'attribut et le second est ce que je veux le changer.

19
00:02:01,890 --> 00:02:08,820
Donc, dans ce cas, je change le Tref sur ce lien pour être WDW que les chiens dot com.

20
00:02:09,540 --> 00:02:13,200
Avançons et démontrons ceci dans le navigateur.

21
00:02:13,200 --> 00:02:17,940
Donc, je vais utiliser get attribut pour récupérer la source de cette première image ici.

22
00:02:18,150 --> 00:02:19,430
J'ai donc besoin de le sélectionner.

23
00:02:19,680 --> 00:02:33,810
Appelons juste l'image un document égal et faisons obtenir des éléments par l'image de nom d'étiquette et nous voulons la première.

24
00:02:33,810 --> 00:02:43,330
Et si nous regardons l'image 1 si nous avons demandé la source, nous venons d'obtenir attribut comme sarcy.

25
00:02:44,280 --> 00:02:45,840
Et c'est notre source.

26
00:02:46,170 --> 00:02:54,290
Si je voulais changer cette image j'ai en fait une image préparée ici d'un autre adorable corgi mixer un corgi husky.

27
00:02:54,780 --> 00:03:07,700
Je vais aller de l'avant et il suffit de copier ce r l et de le changer en utilisant l'image d'un attribut de jeu de points comme celui-ci, puis le transmettre en tant que deuxième argument.

28
00:03:07,700 --> 00:03:12,500
Et nous avons frappé entrer et je maintenant obtenir mon image mis à jour là-bas.

29
00:03:13,020 --> 00:03:15,700
Et je pourrais faire la même chose bien sûr à la deuxième image.

30
00:03:15,750 --> 00:03:35,970
J'ai juste besoin de le sélectionner pour que nous puissions faire quelque chose comme ceci pour l'image au document pour obtenir des éléments par le nom d'étiquette image 1 et puis l'image pour placer la source d'attribut pour être la même chose.

31
00:03:35,970 --> 00:03:41,520
Maintenant, nous avons deux de ces adorable Husky proportionnée.

32
00:03:41,670 --> 00:03:45,220
Donc, juste pour le saké de variété, je vais ajouter une balise d'ancrage ainsi.

33
00:03:45,360 --> 00:03:53,220
Donc, tout en haut de la page aura une balise d'ancrage avec Tref BW dot Google dot com et puis nous allons ici.

34
00:03:53,370 --> 00:04:01,380
Lien vers Google et ce que nous pouvons faire pour démarrer est le changement qui relie une réf.

35
00:04:01,390 --> 00:04:09,480
Donc, si nous sommes frais la page que nous avons ce lien, nous avons sélectionné jusqu'à présent un document égal que le sélecteur de requête A.

36
00:04:09,930 --> 00:04:32,940
Et puis nous allons faire un attribut dot set un Tref ne font plus de source, nous changeons la nature de l'attribut et nous le ferons à Corgies dot com et si nous regardons d'abord si nous regardons le tag a Peut voir la façon dont il est représenté pour nous et les contre. Il est changé en Corgies dot com.

37
00:04:33,090 --> 00:04:35,080
Si je l'inspecte.

38
00:04:35,690 --> 00:04:38,200
HCF a changé le Corgies start com.

39
00:04:38,370 --> 00:04:51,620
Et enfin si je clique dessus dans un nouvel onglet nous emmène à Corgies dot com et vous remarquerez qu'il n'a pas réellement nous emmener au site Web Corgies star com essayé de le faire sur un chemin relatif.

40
00:04:51,660 --> 00:04:58,750
Donc, pour fixer que si nous voulions qu'il soit effectivement aller au site Corgies start com que je ne suis pas sûr est un vrai site web.

41
00:04:59,160 --> 00:05:07,280
Nous avons besoin de faire HTL colon slash slash et qui indique au navigateur que ce lien n'est pas par rapport à où nous sommes.

42
00:05:07,410 --> 00:05:12,600
C'est un chemin absolu qui signifie juste aller à cette URL ne pas essayer et l'ajouter à la fin de l'endroit où nous sommes.

43
00:05:12,780 --> 00:05:18,260
Donc, nous utilisons le protocole HTP et je le fais maintenant si nous inspectons.

44
00:05:18,810 --> 00:05:21,400
Vous pouvez voir qu'il a changé HGP.

45
00:05:21,660 --> 00:05:30,000
Et si nous cliquons sur un nouvel onglet Corgies dotcom, personne ne possède vraiment ou quelqu'un le possède, mais ils ne l'utilisent pas.

46
00:05:30,000 --> 00:05:32,690
C'est une honte et une honte.

47
00:05:32,700 --> 00:05:37,350
Donc la dernière chose juste pour mettre à jour ce lien qui ne dit pas de lien vers Google.

48
00:05:37,350 --> 00:05:38,850
Tout ce que nous devons faire est un.

49
00:05:39,000 --> 00:05:54,940
Et nous avons deux choix, mais le contenu du texte est généralement la meilleure option pour simplement changer le texte modifier le contenu du texte est égal lien à corgi dot com et maintenant notre balise a changé.

50
00:05:54,960 --> 00:05:59,260
C'est l'attribut Atra et le contenu intérieur a changé aussi.

51
00:06:00,030 --> 00:06:05,350
Donc, pour terminer, nous avons get attribute et attribut set et ceux qui travaillent sur tous les attributs.

52
00:06:05,550 --> 00:06:13,970
Donc, je l'ai montré pour un Tref et pour la source, mais vous pourriez l'utiliser si vous vouliez changer un ID pour changer une classe ou tout autre attribut qui est là.