Deze video gaan we blijven leren over de verschillende manieren van het manipuleren van elementen.
Zodra we ze te selecteren.
Dus we hebben gesproken over het manipuleren van stijl veranderen klassen verwijderen klassen.
We hebben gesproken over het veranderen van de inhoud van de tekst en woedend hem.
Nu gaan we het hebben over het manipuleren van attributen.
Dus onthoud attributen zijn dingen zoals H.F. gelijk aan Google, zoals com of de bron op een afbeelding.
Dus ze dit altijd volgen enkele naam van de eigenschap is gelijk aan iets in offertes en attributen zijn echt belangrijk.
En soms willen we ze willen om dingen te veranderen manipuleren.
Dus we gaan een aantal eenvoudige dingen vroeg op te doen zoals het veranderen van elke link op Google.
Dotcom's homepage om een ​​link te zijn.
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.
Maar het veranderen van attributen is iets dat echt belangrijk en nuttig in reële projecten.
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.
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.
In dit voorbeeld hebben we een anker tag met een ontwerp te zijn google.com en een beeld tag met bron logo dot DNG.
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.
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.
De eerste is de naam van het attribuut en de tweede is wat ik wil om het te veranderen aan.
Dus in dit geval ben ik het veranderen van de Tref op deze link om te WDW dat honden dot com.
Laten we verder gaan en aan te tonen dit in de browser.
Dus ik ga gebruiken krijgen toe te schrijven aan de bron van deze eerste afbeelding hier te halen.
Dus ik nodig om het te selecteren.
Laten we noemen het beeld dat men gelijk document en laten krijg elementen image-tag naam op en wij willen de eerste.
En als we dat het 1 op als we naar de bron die we gewoon doen krijgen toeschrijven als Sarcy gevraagd.
En dit is onze bron.
Als ik wilde dat imago te veranderen ik heb eigenlijk een die bereid van een andere schattige corgi image mix een husky corgi.
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.
En we druk op enter en ik krijg nu mijn beeld is er bijgewerkt.
En ik kon het zelfde ding natuurlijk doen om het tweede beeld.
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.
Nu hebben we twee van die schattige mis geproportioneerd Husky's.
Dus alleen voor verscheidenheid sake Ik zal een anker tag toe te voegen ook.
Dus gewoon top zal een anker tag met Tref BW hebben dot Google dot com en dan gaan we hier.
Link naar Google en wat we kunnen doen om te beginnen is verandering die een ref verbindt.
Dus als we zijn fris de pagina die we hebben die verwijzen we gekozen tot nu toe een gelijk document die zoekopdracht selector A.
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.
Als ik inspecteren.
HCF is veranderd de Corgies starten com.
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.
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.
We moeten HTP colon slash slash doen en dat vertelt de browser dat deze link is niet in verhouding tot waar we zijn.
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.
Dus we het gebruik van de HTP-protocol en ik dat nu doen als we inspecteren.
Je kunt zien dat het veranderd HGP.
En als we op een nieuw tabblad Corgies dotcom bezit niemand die echt of iemand de eigenaar is, maar ze gebruiken het niet.
Het is een schande en schaamte.
Dus gewoon het laatste wat op deze link die niet verwijzen naar Google zegt wel te werken.
Alles wat we moeten doen is een.
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.
Het is Atra attribuut en de innerlijke inhoud is ook veranderd.
Dus om wrap up hebben we get attribuut en stel attribuut en die werken aan attributen.
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.