Welkom terug.
In deze video gaan we verder waar we gebleven waren.
We gaan om te blijven praten over een aantal andere manieren van het manipuleren van elementen.
Vergeet niet dat we ze te selecteren en vervolgens te manipuleren en tot nu toe hebben we gezien hoe we de kleur of stijl verblijven, en ook hoe kunnen we de klas lijst gebruiken om invloed styling ook kan veranderen.
Dus in deze video gaan we over twee verschillende eigenschappen spreken beide van die ons in staat om de tekst of de leeftijd van hem uit op een pagina te wijzigen.
Dus als ik wilde de inhoud in plaats van een H1-tag of in plaats van een sterke tag te veranderen zoals ik heb hier of ik wilde veranderen ankertag de tekst zelf.
Dat is wat we gaan om te zien hoe dat te doen in deze video.
Dus het eerste pand is iets genaamd tekstinhoud.
Zoals je hier kunt zien heb ik een paragraaf met wat tekst en een sterke tag die Awesome zegt.
En dan de rest van de paragraaf tekst.
Dus als ik dit te selecteren met document Duckery selector P bewaar ik dat voor een variabele en ik doe tag dot tekstuele content die binnen de tekst van dat elke keer dat element en de tekst wordt gedefinieerd als iets tussen de HTML-tags, maar niet met inbegrip van de belasting zal halen.
Dus zie je het terugkeert.
Dit is een geweldige paragraaf.
Het is niet de sterke labels bevatten, zodat het net haalt alle tekst uit de binnenkant van die paragraaf.
Maar vele lagen diep het moet gaan.
Het grijpt alle tekst en geeft een grote string.
En natuurlijk kunnen we ook tekstinhoud zoals ik hier deed tag tekstinhoud gelijk blah blah blah.
En dat zal de inhoud van de tekst te blah blah blah worden gereset.
Binnenkant van deze paragraaf.
Ok, dus ik ga om te gaan en te laten zien hoe we het pand tekstinhoud kunnen gebruiken voordat we dat doen.
Ik ga naar onze steekproef demo Tim Pagina updaten met slechts een paar regels markup, zodat we wat meer tekst om mee te werken.
Dus ik ga een UL toe te voegen en binnen deze zul je gaat voegen laten we het doen bloemen.
Dus orchideeën.
Laten we het doen sappigheid en de laatste van de tulpen.
OK.
We gaan verder te gaan en werken met deze.
In de javascript console.
Dus hier is onze pagina hier is onze goed met onze drie bondgenoten en dan hebben we ook deze paragraaf dat de sterke tag rond het woord super corgi mixen zijn super schattig zoals je kunt zien heeft.
Ja, dat zijn ze.
Dus ik ga naar de consul en laten we beginnen door gewoon het selecteren van deze paragraaf toe P gelijk document.
En mijn eerste instinct is altijd vraag selector gebruiken omdat het zo gemakkelijk is.
Maar ik ben niet van plan om dat te doen.
Alleen dat we gebruiken een andere manier gewoon meer oefening.
Ik ga gebruiken GET elementen op tag naam en die tag naam is paragraaf en dan herinner me dat we nog moeten vragen voor de eerste.
Dus nu als we kijken naar P hebben we die paragraaf en als we tekstinhoud draaien op die van de inhoud van de tekst het vertelt ons corgi mixes zijn super schattig.
Dus het duurt allemaal binnen de tekst daar.
Laten we hetzelfde doen op de UL, zodat selecteert u de UL var UL en dit keer zal ik queery selector ul gebruiken.
Laten we eens kijken naar de UB.
Ervoor zorgen dat we de juiste is.
Zeker de juiste is.
En laten we teks content op dat te doen.
En je kunt zien dat het zich ontdoet van de tags en het wordt steeds de pure tekst inhoud binnenkant van die UL en dan wat we kunnen doen is ook een update dat.
Dus dit is een beetje gevaarlijk eigenlijk, want laten we zeggen dat ik wil updaten wat deze paragraaf tekstinhoud is en ik wil het updaten om te zeggen corgi mixes zijn echt heel super schattig.
Nou, ik kon p tekstinhoud doen gelijken en dan zeggen corgi mixen zijn echt echt super schattig maar hopelijk lukt het probleem te zien.
Ik ga om zich te ontdoen van deze sterke tag hier.
Als ik druk op enter gewoon helemaal overschreven.
Dus als we nu verwachten dat dit element we hebben net weggedaan wat er ook binnen is er die een sterke take was.
Dus tekstinhoud is een beetje gevaarlijk in die zin als je hem gebruikt om iets het is niet slecht te stellen, maar je moet gewoon voorzichtig te zijn.
Je moet precies weten wat er in zit van een element.
Als er H.T. e-tags die u wilt behouden je niet wilt gewoon automatisch alle tekst inhoud naar een nieuwsstroom, want die zal alles wissen.
Er is nog een eigenschap die werkt langs dezelfde lijnen als inhoud van de tekst, behalve het eigenlijk houdt de twee mannelijke elementen intact, zodat het niet alleen de tekst te halen.
Zij stelt eigenlijk de structuur met een correcte telkens.
Elementen terug als de tekst zodat objecten Inner HMO genoemd.
Dus hebben we onze dezelfde paragraaf.
Dit is een geweldige paragraaf met sterke markeringen rond het rond geweldig.
En dan selecteert we het met vraag selector en dan lopen we tag dot innerlijke h m l en dat geeft mij is dit een geweldige paragraaf terwijl de sterke tag daar.
Dus ik zal je laten zien een ander voorbeeld en vernieuw de pagina zodat we onze sterke tag hier terug en ik ga om verder te gaan en selecteer de paragraaf weer.
Document doc vraag selector paragraaf en we gaan om te draaien.
Laten we gewoon te beoordelen tekstinhoud eerst en dan laten we het doen voor hem.
En je kunt zien we de sterke tag teruggestuurd naar ons.
Laten we hetzelfde doen voor de UL en de leugens die binnenkant van het.
Dus var UL gelijk document doc-query selector.
Je zal en dan zul je die innerlijke h t m l en krijgen we de labels ook.
Dus dit is handig en we zullen een paar situaties waar we naartoe gaan om te profiteren van het in een van de projecten die we gebouwd zien.
De tekst is ook handig als we gewoon het veranderen van wat er binnen in een tag.
Dus meestal doen we eigenlijk niet ingesteld innerlijke h hem uit om iets te zijn, want het is het zelfde probleem dat we met het instellen van de inhoud van de tekst het gewoon overschrijft wat is op dit moment in hem woedend zou hebben.
Dus ik zal je laten zien dat als ik zeg UL dot innerlijke HTML is nu gelijk aan planten zijn geweldig.
Het overschrijft het gewoon helemaal net zoals zij heeft gedaan voor de inhoud van de tekst.
Dus als we willen nieuwe elementen toe te voegen of we willen omgaan met HTML zijn er andere manieren om dat te doen.
Maar als alles wat we willen doen is bijvoorbeeld veranderen deze titel.
Welkom op mijn Dom demo.
Je zou kunnen kiezen dat eerst.
Het is een H-1.
En je merkt er is geen H hem erin.
Het is gewoon een H-1.
Dus konden we ofwel tekstinhoud of energie M-L gebruik maakt niet uit.
Maar de meeste mensen zouden tekstuele content gebruiken, want dat is alles dat is tekstinhoud.
En we konden resetten om iets anders te zijn.
Dus dat zou slechts een kwestie van het document krijgen let's do vraag selector weer en ik ben niet van plan om het op te slaan in een variabele gewoon zo dat je wennen aan het zien van dit document selector H-1 en dan kunnen we ketting op aan het eind dot tekstinhoud gelijken en van deze les.
En je kunt zien mijn wijzigingen weerspiegeld verschijnen.
Dus om samen te vatten tekst inhoud in te voeren HD M-L twee verschillende manieren van het grijpen van de inhoud van een bepaald element we het te selecteren eerst dan lopen wij het hem woedend.
Of tekst inhoud van die geselecteerde element tekst content zal alleen de tekst te halen en terug te keren een grote reeks vol tekst en woedend hem Mel zal ons alles als een string met inbegrip van de randen hem uit elementen geven.
Dus hier is een kleine bonus aan het eind.
Dit is niet iets dat ik verwacht dat je om te onthouden, maar er is nog een verschil tussen woedende HTML en tekstinhoud en ik zal dat hier te illustreren.
Laten we laten we proberen iets als dit document dump lichaam dat ons het hele lichaam Datt innerlijke HMO geeft.
En je kunt zien als we alle HTML voor het lichaam alles wat kunnen we hetzelfde doen met of met de tekst content, zoals deze ingevoerd en krijgen we alle tekst op de pagina die net deze drie lijnen.
Wat ik kan wel doen, is als ik wilde veranderen ik wilde om zich te ontdoen van alles op deze pagina, die niet echt een goed idee, maar als ik wilde en ik wilde om het te vervangen door een nieuwe H-1 en H-1 net afscheid te doen dat ik iets kon doen als dit document up bodycam tekstinhoud gelijk en ik kon in een H-1 tag zetten hier en zoiets als dit waar ik aan het schrijven ben HMO doen.
En als ik druk op enter.
Oh nee het eigenlijk niet werkt.
Dus tekstinhoud is niet van plan om de string als HMO behandelen.
Het behandelt het puur als tekst, zodat het niet de H-1 banner zegt maken versus als ik deed hetzelfde met hem woedend.
In haar HMO.
U kunt zien dat het eigenlijk maakt het als een H-1.
Dus dat is een nuance, maar belangrijk verschil tekstinhoud behandelt wat het je geeft en wat geef je het gewoon als tekst en innerlijke hem uit.