1
00:00:00,640 --> 00:00:05,130
Deze video gaan we blijven leren over de verschillende manieren van het manipuleren van elementen.

2
00:00:05,160 --> 00:00:06,360
Zodra we ze te selecteren.

3
00:00:06,690 --> 00:00:11,040
Dus we hebben gesproken over het manipuleren van stijl veranderen klassen verwijderen klassen.

4
00:00:11,040 --> 00:00:15,290
We hebben gesproken over het veranderen van de inhoud van de tekst en woedend hem.

5
00:00:15,600 --> 00:00:18,600
Nu gaan we het hebben over het manipuleren van attributen.

6
00:00:18,810 --> 00:00:25,820
Dus onthoud attributen zijn dingen zoals H.F. gelijk aan Google, zoals com of de bron op een afbeelding.

7
00:00:26,550 --> 00:00:33,330
Dus ze dit altijd volgen enkele naam van de eigenschap is gelijk aan iets in offertes en attributen zijn echt belangrijk.

8
00:00:33,330 --> 00:00:36,410
En soms willen we ze willen om dingen te veranderen manipuleren.

9
00:00:36,570 --> 00:00:40,890
Dus we gaan een aantal eenvoudige dingen vroeg op te doen zoals het veranderen van elke link op Google.

10
00:00:40,900 --> 00:00:45,950
Dotcom's homepage om een ​​link te zijn.

11
00:00:46,200 --> 00:00:52,460
Dus we gaan een aantal eenvoudige dingen doen om te beginnen zoals het veranderen van elke link op Google dot com homepage Bing dotcom zijn.

12
00:00:52,490 --> 00:00:58,280
Maar het veranderen van attributen is iets dat echt belangrijk en nuttig in reële projecten.

13
00:00:58,320 --> 00:01:11,440
Dus als we een beeld slider bijvoorbeeld een heleboel afbeelding tijden fotogalerijen sliders worden gemaakt door het veranderen van de bron van een afbeelding en het is gewoon een afbeelding en de bron wordt gewijzigd.

14
00:01:11,730 --> 00:01:21,460
Dus dat is slechts een snel voorbeeld is er maar we gaan praten over hoe we de waarde van specifieke attributen kunt ophalen en hoe we ook kunnen veranderen of manipuleren van de waarde.

15
00:01:21,570 --> 00:01:30,110
In dit voorbeeld hebben we een anker tag met een ontwerp te zijn google.com en een beeld tag met bron logo dot DNG.

16
00:01:30,360 --> 00:01:44,360
Dus selecteren we de anchor tag te beginnen vraag selector een save die te koppelen en er is een methode kunnen we gebruiken genaamd Get attribuut en krijg attribuut doet wat het klinkt alsof het haalt of het wordt de waarde van de specifieke eigenschap die we vragen.

17
00:01:44,490 --> 00:01:56,580
Dus als we vragen om een ​​adem op deze link het gaat om ons www.youtube.com geven en dan kan ik ook veranderen die eigenschap in met Set attribuut en stel eigenschap heeft twee argumenten.

18
00:01:56,640 --> 00:02:01,890
De eerste is de naam van het attribuut en de tweede is wat ik wil om het te veranderen aan.

19
00:02:01,890 --> 00:02:08,820
Dus in dit geval ben ik het veranderen van de Tref op deze link om te WDW dat honden dot com.

20
00:02:09,540 --> 00:02:13,200
Laten we verder gaan en aan te tonen dit in de browser.

21
00:02:13,200 --> 00:02:17,940
Dus ik ga gebruiken krijgen toe te schrijven aan de bron van deze eerste afbeelding hier te halen.

22
00:02:18,150 --> 00:02:19,430
Dus ik nodig om het te selecteren.

23
00:02:19,680 --> 00:02:33,810
Laten we noemen het beeld dat men gelijk document en laten krijg elementen image-tag naam op en wij willen de eerste.

24
00:02:33,810 --> 00:02:43,330
En als we dat het 1 op als we naar de bron die we gewoon doen krijgen toeschrijven als Sarcy gevraagd.

25
00:02:44,280 --> 00:02:45,840
En dit is onze bron.

26
00:02:46,170 --> 00:02:54,290
Als ik wilde dat imago te veranderen ik heb eigenlijk een die bereid van een andere schattige corgi image mix een husky corgi.

27
00:02:54,780 --> 00:03:07,700
Ik ga om te gaan en kopieer deze u r l en veranderen met behulp van het één punt ingesteld attribuut als dit en vervolgens door te geven in het tweede argument.

28
00:03:07,700 --> 00:03:12,500
En we druk op enter en ik krijg nu mijn beeld is er bijgewerkt.

29
00:03:13,020 --> 00:03:15,700
En ik kon het zelfde ding natuurlijk doen om het tweede beeld.

30
00:03:15,750 --> 00:03:35,970
Ik moet gewoon om het te selecteren, zodat we zoiets kunnen doen voor het te documenteren om beeldelementen tag naam van de afbeelding 1 door en dan krijg om attribuut is ingesteld op de zelfde ding zijn.

31
00:03:35,970 --> 00:03:41,520
Nu hebben we twee van die schattige mis geproportioneerd Husky's.

32
00:03:41,670 --> 00:03:45,220
Dus alleen voor verscheidenheid sake Ik zal een anker tag toe te voegen ook.

33
00:03:45,360 --> 00:03:53,220
Dus gewoon top zal een anker tag met Tref BW hebben dot Google dot com en dan gaan we hier.

34
00:03:53,370 --> 00:04:01,380
Link naar Google en wat we kunnen doen om te beginnen is verandering die een ref verbindt.

35
00:04:01,390 --> 00:04:09,480
Dus als we zijn fris de pagina die we hebben die verwijzen we gekozen tot nu toe een gelijk document die zoekopdracht selector A.

36
00:04:09,930 --> 00:04:32,940
En dan zullen we een punt set attribuut een Tref zijn niet de bron doet meer we het veranderen van de aard van attribuut te doen en we doen het om Corgies dot com en als we kijken eerst en vooral als we kijken naar de een tag die u kan de manier waarop het is bij ons en de nadelen te zien. Het is veranderd in Corgies dot com.

37
00:04:33,090 --> 00:04:35,080
Als ik inspecteren.

38
00:04:35,690 --> 00:04:38,200
HCF is veranderd de Corgies starten com.

39
00:04:38,370 --> 00:04:51,620
En tot slot, als ik erop klik in een nieuw tabblad neemt ons mee naar Corgies dot com en je zult het zien ons niet echt naar de website Corgies ster com geprobeerd om het te doen op een relatief pad.

40
00:04:51,660 --> 00:04:58,750
Dus om vast te stellen dat als we wilden eigenlijk naar de website Corgies beginnen com waar ik ben niet zeker is van een echte website.

41
00:04:59,160 --> 00:05:07,280
We moeten HTP colon slash slash doen en dat vertelt de browser dat deze link is niet in verhouding tot waar we zijn.

42
00:05:07,410 --> 00:05:12,600
Het is een absolute pad dat betekent gewoon ga naar deze URL niet proberen en voeg deze toe op het uiteinde van waar we zijn.

43
00:05:12,780 --> 00:05:18,260
Dus we het gebruik van de HTP-protocol en ik dat nu doen als we inspecteren.

44
00:05:18,810 --> 00:05:21,400
Je kunt zien dat het veranderd HGP.

45
00:05:21,660 --> 00:05:30,000
En als we op een nieuw tabblad Corgies dotcom bezit niemand die echt of iemand de eigenaar is, maar ze gebruiken het niet.

46
00:05:30,000 --> 00:05:32,690
Het is een schande en schaamte.

47
00:05:32,700 --> 00:05:37,350
Dus gewoon het laatste wat op deze link die niet verwijzen naar Google zegt wel te werken.

48
00:05:37,350 --> 00:05:38,850
Alles wat we moeten doen is een.

49
00:05:39,000 --> 00:05:54,940
En we hebben twee keuzes, maar tekstinhoud is meestal de betere optie voor alleen het veranderen van de tekst te bewerken tekstinhoud gelijk link naar dot com Corgi en nu onze tag is veranderd.

50
00:05:54,960 --> 00:05:59,260
Het is Atra attribuut en de innerlijke inhoud is ook veranderd.

51
00:06:00,030 --> 00:06:05,350
Dus om wrap up hebben we get attribuut en stel attribuut en die werken aan attributen.

52
00:06:05,550 --> 00:06:13,970
Dus ik liet het voor een Tref en de bron, maar je kon gebruiken als je wilde een ID te veranderen naar een klasse of een andere eigenschap die is daar te veranderen.