Cette vidéo, nous allons continuer à apprendre sur les différentes manières de manipuler les éléments.
Une fois que nous les avons sélectionnés.
Nous avons donc parlé de manipuler des classes de changement de style en supprimant des classes.
Nous avons parlé de modifier le contenu du texte et de l'enrager.
Maintenant, nous allons parler de la manipulation des attributs.
Donc, souvenez-vous des attributs sont des choses comme H.F. égale Google comme com ou source sur une image.
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.
Et parfois, nous voulons les manipuler, nous voulons changer les choses.
Nous allons donc faire des choses simples dès le début comme changer chaque lien sur Google.
La page d'accueil de Dotcom pour être un lien vers.
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.
Mais changer les attributs est quelque chose qui est vraiment important et utile dans les projets réels.
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.
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.
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.
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.
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.
Le premier est le nom de l'attribut et le second est ce que je veux le changer.
Donc, dans ce cas, je change le Tref sur ce lien pour être WDW que les chiens dot com.
Avançons et démontrons ceci dans le navigateur.
Donc, je vais utiliser get attribut pour récupérer la source de cette première image ici.
J'ai donc besoin de le sélectionner.
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.
Et si nous regardons l'image 1 si nous avons demandé la source, nous venons d'obtenir attribut comme sarcy.
Et c'est notre source.
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.
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.
Et nous avons frappé entrer et je maintenant obtenir mon image mis à jour là-bas.
Et je pourrais faire la même chose bien sûr à la deuxième image.
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.
Maintenant, nous avons deux de ces adorable Husky proportionnée.
Donc, juste pour le saké de variété, je vais ajouter une balise d'ancrage ainsi.
Donc, tout en haut de la page aura une balise d'ancrage avec Tref BW dot Google dot com et puis nous allons ici.
Lien vers Google et ce que nous pouvons faire pour démarrer est le changement qui relie une réf.
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.
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.
Si je l'inspecte.
HCF a changé le Corgies start com.
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.
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.
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.
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.
Donc, nous utilisons le protocole HTP et je le fais maintenant si nous inspectons.
Vous pouvez voir qu'il a changé HGP.
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.
C'est une honte et une honte.
Donc la dernière chose juste pour mettre à jour ce lien qui ne dit pas de lien vers Google.
Tout ce que nous devons faire est un.
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é.
C'est l'attribut Atra et le contenu intérieur a changé aussi.
Donc, pour terminer, nous avons get attribute et attribut set et ceux qui travaillent sur tous les attributs.
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à.