1
00:00:00,300 --> 00:00:01,040
Nous saluons le retour.

2
00:00:01,050 --> 00:00:03,240
Dans cette vidéo, nous allons reprendre là où nous en étions.

3
00:00:03,240 --> 00:00:07,020
Nous allons continuer à parler de quelques autres façons de manipuler les éléments.

4
00:00:07,020 --> 00:00:17,330
Rappelez-vous que nous les sélectionner et manipuler et jusqu'à présent, nous avons vu comment nous pouvons changer la couleur ou toutes les propriétés de style et aussi comment nous pouvons utiliser la liste de la classe pour affecter le style ainsi.

5
00:00:17,640 --> 00:00:24,770
Donc, dans cette vidéo, nous allons parler de deux propriétés différentes qui nous permettent de changer le texte ou l'âge de lui sur une page.

6
00:00:24,780 --> 00:00:35,040
Donc, si je voulais changer le contenu au lieu d'une balise H1 ou au lieu d'une balise forte comme je l'ai ici ou pour je voulais changer l'étiquette d'ancrage le texte lui-même.

7
00:00:35,040 --> 00:00:37,030
C'est ce que nous allons voir comment faire dans cette vidéo.

8
00:00:37,410 --> 00:00:40,590
Donc la première propriété est quelque chose appelé contenu texte.

9
00:00:41,190 --> 00:00:47,430
Comme vous pouvez le voir ici j'ai un paragraphe avec du texte et un tag fort qui dit Awesome.

10
00:00:47,520 --> 00:00:50,090
Et puis le reste du texte du paragraphe.

11
00:00:50,160 --> 00:01:08,210
Donc, si je sélectionnez ceci avec le document Duckery sélecteur P je sauver cela à une variable et je ne tag texte texte point qui va récupérer le texte à l'intérieur de chaque élément de temps et le texte est défini comme n'importe quoi entre les balises HTML, mais ne comprenant pas la taxe.

12
00:01:08,430 --> 00:01:09,870
Donc, vous verrez qu'il retourne.

13
00:01:09,870 --> 00:01:11,760
C'est un paragraphe impressionnant.

14
00:01:11,760 --> 00:01:18,110
Il ne contient pas les tags forts donc il extrait tout le texte de l'intérieur de ce paragraphe.

15
00:01:18,270 --> 00:01:20,240
Cependant beaucoup de couches profondes qu'il doit aller.

16
00:01:20,280 --> 00:01:23,620
Il saisit tout le texte et retourne une grosse chaîne.

17
00:01:24,120 --> 00:01:30,310
Et bien sûr, nous pouvons également définir le contenu du texte comme je l'ai fait ici le contenu du texte d'étiquette équivaut à bla bla bla.

18
00:01:30,510 --> 00:01:33,830
Et qui va réinitialiser le contenu du texte pour être blah blah blah.

19
00:01:33,870 --> 00:01:35,270
À l'intérieur de ce paragraphe.

20
00:01:35,460 --> 00:01:40,350
Ok alors je vais aller de l'avant et de démontrer comment nous pouvons utiliser la propriété de contenu texte avant de le faire.

21
00:01:40,350 --> 00:01:47,940
Je vais mettre à jour notre démonstration Tim Page avec juste quelques lignes supplémentaires de balisage afin que nous ayons un peu plus de texte à travailler avec.

22
00:01:47,970 --> 00:01:55,740
Donc, je vais ajouter un UL et à l'intérieur de ce que vous allez ajouter nous allons faire des fleurs.

23
00:01:55,860 --> 00:01:57,500
Donc orchidées.

24
00:01:57,900 --> 00:02:04,700
Faisons la succulence et la dernière des tulipes.

25
00:02:04,730 --> 00:02:05,260
D'ACCORD.

26
00:02:05,400 --> 00:02:06,560
Nous allons aller de l'avant et travailler avec cela.

27
00:02:06,560 --> 00:02:09,680
Dans la console javascript.

28
00:02:09,840 --> 00:02:22,380
Alors voici notre page ici est notre bien avec nos trois alliés et puis nous avons également ce paragraphe qui a la balise forte autour du mot super corgi mixes sont super adorable comme vous pouvez le voir.

29
00:02:22,560 --> 00:02:24,340
Oui, ils sont.

30
00:02:24,340 --> 00:02:32,020
Donc, je vais aller au consul et commençons tout simplement par ce paragraphe.

31
00:02:32,280 --> 00:02:36,740
Et mon premier instinct est toujours d'utiliser le sélecteur de requêtes parce qu'il est si facile.

32
00:02:36,900 --> 00:02:38,470
Mais je ne vais pas faire ça.

33
00:02:38,580 --> 00:02:41,410
Juste que nous utilisons une autre façon juste obtenir plus de pratique.

34
00:02:41,460 --> 00:02:52,320
Je vais utiliser GET éléments par le nom de la balise et que le nom de la balise est un paragraphe et puis rappelez-vous nous avons encore à demander pour la première.

35
00:02:52,690 --> 00:03:04,320
Donc, maintenant, si nous regardons P, nous avons ce paragraphe et si nous publions du contenu texte sur le contenu du texte, il nous dit mixes corgi sont super adorable.

36
00:03:04,320 --> 00:03:06,510
Il faut donc tout le texte à l'intérieur.

37
00:03:06,870 --> 00:03:17,770
Faisons la même chose sur l'UL afin de sélectionner l'UL UL UL et cette fois, je vais utiliser le sélecteur queery ul.

38
00:03:18,150 --> 00:03:19,280
Regardons l'UL.

39
00:03:19,320 --> 00:03:21,570
Assurez-vous que nous avons la bonne.

40
00:03:21,570 --> 00:03:22,820
Certainement la bonne.

41
00:03:22,980 --> 00:03:26,640
Et faisons teks le contenu sur cela.

42
00:03:27,330 --> 00:03:37,440
Et vous pouvez voir qu'il se débarrasse des étiquettes et il obtient juste le contenu pur de texte à l'intérieur de cette UL et alors ce que nous pouvons faire est également mettre à jour cela.

43
00:03:37,440 --> 00:03:49,070
Donc, c'est un peu dangereux en fait parce que disons que je veux mettre à jour ce que ce texte de paragraphe est contenu et je veux le mettre à jour pour dire mélanges corgi sont vraiment super adorable.

44
00:03:49,440 --> 00:04:02,600
Eh bien, je pourrais faire p contenu texte égaux et puis dire mélanges corgi sont vraiment super adorable, mais j'espère que vous pouvez voir le problème.

45
00:04:02,670 --> 00:04:05,890
Je vais me débarrasser de cette étiquette forte ici.

46
00:04:06,090 --> 00:04:09,180
Si je frappe entrer juste complètement l'écrase.

47
00:04:09,180 --> 00:04:15,490
Donc, si nous nous attendons à cet élément maintenant, nous venons de nous débarrasser de tout ce qui était à l'intérieur là-bas qui a été une prise forte.

48
00:04:15,600 --> 00:04:22,690
Donc, le contenu du texte est un peu dangereux dans ce sens si vous l'utilisez pour définir quelque chose que ce n'est pas mauvais, mais vous avez juste à faire attention à ce sujet.

49
00:04:22,710 --> 00:04:24,880
Vous devez savoir exactement ce qui se trouve à l'intérieur d'un élément.

50
00:04:24,900 --> 00:04:33,720
S'il y a H.T. Les balises d'e-mail que vous souhaitez conserver vous ne voulez pas simplement définir automatiquement tout le contenu du texte d'être un flux de nouvelles, car cela effacera tout.

51
00:04:34,050 --> 00:04:43,480
Il ya une autre propriété qui fonctionne dans le même sens que le contenu du texte, sauf qu'il maintient réellement les deux éléments mâles intacts afin qu'il ne se contente pas d'extraire le texte.

52
00:04:43,500 --> 00:04:46,240
Il maintient en fait la structure avec un correct à chaque fois.

53
00:04:46,260 --> 00:04:52,800
Éléments retournés ainsi que le texte de sorte que la propriété est appelée Inner HMO.

54
00:04:53,580 --> 00:04:55,020
Nous avons donc le même paragraphe.

55
00:04:55,020 --> 00:04:59,970
C'est un paragraphe impressionnant avec des étiquettes fortes autour de lui autour de génial.

56
00:05:00,060 --> 00:05:11,870
Et puis nous le sélectionnons avec le sélecteur de requête et puis nous exécutons tag dot inner h m l et qui me donne ceci est un paragraphe impressionnant tout en gardant la balise forte là.

57
00:05:12,270 --> 00:05:20,640
Donc, je vais vous montrer un autre exemple et rafraîchir la page afin que nous ayons notre étiquette forte ici et je vais aller de l'avant et sélectionnez le paragraphe à nouveau.

58
00:05:20,850 --> 00:05:28,040
Document doc requête paragraphe sélecteur et nous allons courir.

59
00:05:28,350 --> 00:05:33,760
Examinons tout d'abord le contenu du texte, puis faisons-le pour lui.

60
00:05:34,870 --> 00:05:38,350
Et vous pouvez voir que nous obtenons le tag fort renvoyé à nous aussi.

61
00:05:38,940 --> 00:05:43,300
Faisons la même chose pour l'UL et les mensonges qui sont à l'intérieur de celui-ci.

62
00:05:43,320 --> 00:05:49,020
Ainsi, var UL est égal au sélecteur de requête document doc.

63
00:05:49,770 --> 00:05:58,710
Vous le ferez, et vous aurez ce ht intérieur m l et nous obtenons les balises ainsi.

64
00:05:58,740 --> 00:06:04,770
C'est donc utile et nous verrons quelques situations où nous allons en profiter dans certains des projets que nous avons construits.

65
00:06:04,770 --> 00:06:08,830
Le texte est également utile si nous changeons juste ce qui est à l'intérieur d'une étiquette.

66
00:06:09,120 --> 00:06:21,300
Donc, en général, nous ne définissons pas réellement interne h lui être quelque chose parce que c'est le même problème que nous aurions avec le réglage du contenu du texte, il suffit d'écraser tout ce qui est actuellement à l'intérieur de l'enragé lui.

67
00:06:21,510 --> 00:06:31,820
Donc, je vais vous montrer que si je dis UL point inner HTML est maintenant égal à des plantes sont géniaux.

68
00:06:32,870 --> 00:06:36,170
Il suffit de l'annuler complètement comme il l'a fait pour le contenu du texte.

69
00:06:36,210 --> 00:06:41,640
Donc, si nous voulons ajouter de nouveaux éléments ou si nous voulons interagir avec le HTML, il existe d'autres façons de le faire.

70
00:06:41,760 --> 00:06:45,440
Mais si tout ce que nous voulons faire, par exemple, est de changer ce titre.

71
00:06:45,450 --> 00:06:47,750
Bienvenue dans ma démo Dom.

72
00:06:47,810 --> 00:06:49,340
Vous pouvez le sélectionner en premier.

73
00:06:49,470 --> 00:06:50,410
C'est un H-1.

74
00:06:50,730 --> 00:06:53,420
Et vous remarquez qu'il n'y a pas de H en dehors de lui.

75
00:06:53,430 --> 00:06:54,850
C'est juste un H-1.

76
00:06:54,990 --> 00:06:59,000
Donc, nous pourrions utiliser le contenu texte ou l'énergie M-L n'a pas d'importance.

77
00:06:59,010 --> 00:07:03,190
Mais la plupart des gens utilisent du contenu texte, car c'est tout ce qui est contenu de texte.

78
00:07:03,360 --> 00:07:05,530
Et nous pourrions le réinitialiser pour être autre chose.

79
00:07:05,580 --> 00:07:29,760
Donc, ce serait juste une question de document get let's faire sélecteur de requête à nouveau et je ne vais pas le sauver à une variable juste pour que vous vous habituez à voir ce sélecteur de documents H-1 et puis nous pouvons enchaînement à la fin Le contenu du texte point est égal et de cette leçon.

80
00:07:29,760 --> 00:07:33,060
Et vous pouvez voir mes changements reflétés apparaissent.

81
00:07:33,060 --> 00:07:42,750
Ainsi, pour récapituler le contenu du texte entrer HD M-L deux manières différentes de saisir le contenu d'un élément donné, nous le sélectionner d'abord, puis nous l'exécuter enragé lui.

82
00:07:42,810 --> 00:07:56,590
Ou le contenu du texte sur le contenu du texte de l'élément sélectionné va extraire seulement le texte et retourner une grosse chaîne pleine de texte et enragé lui Mel nous donnera tout comme une chaîne y compris les éléments bordé lui.

83
00:07:57,240 --> 00:07:59,000
Alors voici un petit bonus à la fin.

84
00:07:59,190 --> 00:08:07,100
Ce n'est pas quelque chose que je m'attends à vous rappeler, mais il ya une autre différence entre le contenu HTML et le texte enflammé et je vais illustrer cela ici.

85
00:08:07,350 --> 00:08:15,180
Essayons quelque chose comme ce corps de dump de document qui nous donne le corps entier datt HMO intérieur.

86
00:08:15,420 --> 00:08:31,050
Et vous pouvez voir si nous obtenons tout le HTML pour le corps tout ce que nous pouvons faire la même chose avec entré ou avec du contenu texte comme celui-ci et nous obtenons tout le texte sur notre page qui est juste ces trois lignes.

87
00:08:31,230 --> 00:08:57,700
Ce que je peux faire si c'est si je voulais changer, je voulais me débarrasser de tout ce qui n'est pas vraiment une bonne idée, mais si je le voulais et je voulais le remplacer par un nouveau H-1 et que H-1 Juste dit au revoir à faire que je pouvais faire quelque chose comme ce document jusqu'à contenu de texte bodycam égaux et je pourrais mettre dans une balise H-1 ici et faire quelque chose comme ça où j'écris HMO.

88
00:08:57,930 --> 00:08:59,380
Et si je touche entrer.

89
00:08:59,940 --> 00:09:02,190
Oh non, il ne fonctionne pas réellement.

90
00:09:02,190 --> 00:09:07,070
Ainsi, le contenu du texte ne va pas traiter la chaîne comme HMO.

91
00:09:07,080 --> 00:09:15,460
Il le traite purement comme texte de sorte qu'il ne rend pas le tag H-1 contre si je faisais la même chose avec lui enragé.

92
00:09:17,520 --> 00:09:19,400
Dans son HMO.

93
00:09:20,340 --> 00:09:22,740
Vous pouvez le voir en fait il rend comme un H-1.

94
00:09:22,830 --> 00:09:31,560
Donc, c'est une nuance, mais la différence de texte différence importante traite tout ce qu'il vous donne et tout ce que vous lui donner que le texte juste et l'intérieur de lui.