1
00:00:00,300 --> 00:00:01,040
Welkom terug.

2
00:00:01,050 --> 00:00:03,240
In deze video gaan we verder waar we gebleven waren.

3
00:00:03,240 --> 00:00:07,020
We gaan om te blijven praten over een aantal andere manieren van het manipuleren van elementen.

4
00:00:07,020 --> 00:00:17,330
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.

5
00:00:17,640 --> 00:00:24,770
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.

6
00:00:24,780 --> 00:00:35,040
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.

7
00:00:35,040 --> 00:00:37,030
Dat is wat we gaan om te zien hoe dat te doen in deze video.

8
00:00:37,410 --> 00:00:40,590
Dus het eerste pand is iets genaamd tekstinhoud.

9
00:00:41,190 --> 00:00:47,430
Zoals je hier kunt zien heb ik een paragraaf met wat tekst en een sterke tag die Awesome zegt.

10
00:00:47,520 --> 00:00:50,090
En dan de rest van de paragraaf tekst.

11
00:00:50,160 --> 00:01:08,210
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.

12
00:01:08,430 --> 00:01:09,870
Dus zie je het terugkeert.

13
00:01:09,870 --> 00:01:11,760
Dit is een geweldige paragraaf.

14
00:01:11,760 --> 00:01:18,110
Het is niet de sterke labels bevatten, zodat het net haalt alle tekst uit de binnenkant van die paragraaf.

15
00:01:18,270 --> 00:01:20,240
Maar vele lagen diep het moet gaan.

16
00:01:20,280 --> 00:01:23,620
Het grijpt alle tekst en geeft een grote string.

17
00:01:24,120 --> 00:01:30,310
En natuurlijk kunnen we ook tekstinhoud zoals ik hier deed tag tekstinhoud gelijk blah blah blah.

18
00:01:30,510 --> 00:01:33,830
En dat zal de inhoud van de tekst te blah blah blah worden gereset.

19
00:01:33,870 --> 00:01:35,270
Binnenkant van deze paragraaf.

20
00:01:35,460 --> 00:01:40,350
Ok, dus ik ga om te gaan en te laten zien hoe we het pand tekstinhoud kunnen gebruiken voordat we dat doen.

21
00:01:40,350 --> 00:01:47,940
Ik ga naar onze steekproef demo Tim Pagina updaten met slechts een paar regels markup, zodat we wat meer tekst om mee te werken.

22
00:01:47,970 --> 00:01:55,740
Dus ik ga een UL toe te voegen en binnen deze zul je gaat voegen laten we het doen bloemen.

23
00:01:55,860 --> 00:01:57,500
Dus orchideeën.

24
00:01:57,900 --> 00:02:04,700
Laten we het doen sappigheid en de laatste van de tulpen.

25
00:02:04,730 --> 00:02:05,260
OK.

26
00:02:05,400 --> 00:02:06,560
We gaan verder te gaan en werken met deze.

27
00:02:06,560 --> 00:02:09,680
In de javascript console.

28
00:02:09,840 --> 00:02:22,380
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.

29
00:02:22,560 --> 00:02:24,340
Ja, dat zijn ze.

30
00:02:24,340 --> 00:02:32,020
Dus ik ga naar de consul en laten we beginnen door gewoon het selecteren van deze paragraaf toe P gelijk document.

31
00:02:32,280 --> 00:02:36,740
En mijn eerste instinct is altijd vraag selector gebruiken omdat het zo gemakkelijk is.

32
00:02:36,900 --> 00:02:38,470
Maar ik ben niet van plan om dat te doen.

33
00:02:38,580 --> 00:02:41,410
Alleen dat we gebruiken een andere manier gewoon meer oefening.

34
00:02:41,460 --> 00:02:52,320
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.

35
00:02:52,690 --> 00:03:04,320
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.

36
00:03:04,320 --> 00:03:06,510
Dus het duurt allemaal binnen de tekst daar.

37
00:03:06,870 --> 00:03:17,770
Laten we hetzelfde doen op de UL, zodat selecteert u de UL var UL en dit keer zal ik queery selector ul gebruiken.

38
00:03:18,150 --> 00:03:19,280
Laten we eens kijken naar de UB.

39
00:03:19,320 --> 00:03:21,570
Ervoor zorgen dat we de juiste is.

40
00:03:21,570 --> 00:03:22,820
Zeker de juiste is.

41
00:03:22,980 --> 00:03:26,640
En laten we teks content op dat te doen.

42
00:03:27,330 --> 00:03:37,440
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.

43
00:03:37,440 --> 00:03:49,070
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.

44
00:03:49,440 --> 00:04:02,600
Nou, ik kon p tekstinhoud doen gelijken en dan zeggen corgi mixen zijn echt echt super schattig maar hopelijk lukt het probleem te zien.

45
00:04:02,670 --> 00:04:05,890
Ik ga om zich te ontdoen van deze sterke tag hier.

46
00:04:06,090 --> 00:04:09,180
Als ik druk op enter gewoon helemaal overschreven.

47
00:04:09,180 --> 00:04:15,490
Dus als we nu verwachten dat dit element we hebben net weggedaan wat er ook binnen is er die een sterke take was.

48
00:04:15,600 --> 00:04:22,690
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.

49
00:04:22,710 --> 00:04:24,880
Je moet precies weten wat er in zit van een element.

50
00:04:24,900 --> 00:04:33,720
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.

51
00:04:34,050 --> 00:04:43,480
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.

52
00:04:43,500 --> 00:04:46,240
Zij stelt eigenlijk de structuur met een correcte telkens.

53
00:04:46,260 --> 00:04:52,800
Elementen terug als de tekst zodat objecten Inner HMO genoemd.

54
00:04:53,580 --> 00:04:55,020
Dus hebben we onze dezelfde paragraaf.

55
00:04:55,020 --> 00:04:59,970
Dit is een geweldige paragraaf met sterke markeringen rond het rond geweldig.

56
00:05:00,060 --> 00:05:11,870
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.

57
00:05:12,270 --> 00:05:20,640
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.

58
00:05:20,850 --> 00:05:28,040
Document doc vraag selector paragraaf en we gaan om te draaien.

59
00:05:28,350 --> 00:05:33,760
Laten we gewoon te beoordelen tekstinhoud eerst en dan laten we het doen voor hem.

60
00:05:34,870 --> 00:05:38,350
En je kunt zien we de sterke tag teruggestuurd naar ons.

61
00:05:38,940 --> 00:05:43,300
Laten we hetzelfde doen voor de UL en de leugens die binnenkant van het.

62
00:05:43,320 --> 00:05:49,020
Dus var UL gelijk document doc-query selector.

63
00:05:49,770 --> 00:05:58,710
Je zal en dan zul je die innerlijke h t m l en krijgen we de labels ook.

64
00:05:58,740 --> 00:06:04,770
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.

65
00:06:04,770 --> 00:06:08,830
De tekst is ook handig als we gewoon het veranderen van wat er binnen in een tag.

66
00:06:09,120 --> 00:06:21,300
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.

67
00:06:21,510 --> 00:06:31,820
Dus ik zal je laten zien dat als ik zeg UL dot innerlijke HTML is nu gelijk aan planten zijn geweldig.

68
00:06:32,870 --> 00:06:36,170
Het overschrijft het gewoon helemaal net zoals zij heeft gedaan voor de inhoud van de tekst.

69
00:06:36,210 --> 00:06:41,640
Dus als we willen nieuwe elementen toe te voegen of we willen omgaan met HTML zijn er andere manieren om dat te doen.

70
00:06:41,760 --> 00:06:45,440
Maar als alles wat we willen doen is bijvoorbeeld veranderen deze titel.

71
00:06:45,450 --> 00:06:47,750
Welkom op mijn Dom demo.

72
00:06:47,810 --> 00:06:49,340
Je zou kunnen kiezen dat eerst.

73
00:06:49,470 --> 00:06:50,410
Het is een H-1.

74
00:06:50,730 --> 00:06:53,420
En je merkt er is geen H hem erin.

75
00:06:53,430 --> 00:06:54,850
Het is gewoon een H-1.

76
00:06:54,990 --> 00:06:59,000
Dus konden we ofwel tekstinhoud of energie M-L gebruik maakt niet uit.

77
00:06:59,010 --> 00:07:03,190
Maar de meeste mensen zouden tekstuele content gebruiken, want dat is alles dat is tekstinhoud.

78
00:07:03,360 --> 00:07:05,530
En we konden resetten om iets anders te zijn.

79
00:07:05,580 --> 00:07:29,760
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.

80
00:07:29,760 --> 00:07:33,060
En je kunt zien mijn wijzigingen weerspiegeld verschijnen.

81
00:07:33,060 --> 00:07:42,750
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.

82
00:07:42,810 --> 00:07:56,590
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.

83
00:07:57,240 --> 00:07:59,000
Dus hier is een kleine bonus aan het eind.

84
00:07:59,190 --> 00:08:07,100
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.

85
00:08:07,350 --> 00:08:15,180
Laten we laten we proberen iets als dit document dump lichaam dat ons het hele lichaam Datt innerlijke HMO geeft.

86
00:08:15,420 --> 00:08:31,050
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.

87
00:08:31,230 --> 00:08:57,700
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.

88
00:08:57,930 --> 00:08:59,380
En als ik druk op enter.

89
00:08:59,940 --> 00:09:02,190
Oh nee het eigenlijk niet werkt.

90
00:09:02,190 --> 00:09:07,070
Dus tekstinhoud is niet van plan om de string als HMO behandelen.

91
00:09:07,080 --> 00:09:15,460
Het behandelt het puur als tekst, zodat het niet de H-1 banner zegt maken versus als ik deed hetzelfde met hem woedend.

92
00:09:17,520 --> 00:09:19,400
In haar HMO.

93
00:09:20,340 --> 00:09:22,740
U kunt zien dat het eigenlijk maakt het als een H-1.

94
00:09:22,830 --> 00:09:31,560
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.