Nous saluons le retour.
Dans cette vidéo, nous allons reprendre là où nous en étions.
Nous allons continuer à parler de quelques autres façons de manipuler les éléments.
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.
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.
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.
C'est ce que nous allons voir comment faire dans cette vidéo.
Donc la première propriété est quelque chose appelé contenu texte.
Comme vous pouvez le voir ici j'ai un paragraphe avec du texte et un tag fort qui dit Awesome.
Et puis le reste du texte du paragraphe.
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.
Donc, vous verrez qu'il retourne.
C'est un paragraphe impressionnant.
Il ne contient pas les tags forts donc il extrait tout le texte de l'intérieur de ce paragraphe.
Cependant beaucoup de couches profondes qu'il doit aller.
Il saisit tout le texte et retourne une grosse chaîne.
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.
Et qui va réinitialiser le contenu du texte pour être blah blah blah.
À l'intérieur de ce paragraphe.
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.
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.
Donc, je vais ajouter un UL et à l'intérieur de ce que vous allez ajouter nous allons faire des fleurs.
Donc orchidées.
Faisons la succulence et la dernière des tulipes.
D'ACCORD.
Nous allons aller de l'avant et travailler avec cela.
Dans la console javascript.
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.
Oui, ils sont.
Donc, je vais aller au consul et commençons tout simplement par ce paragraphe.
Et mon premier instinct est toujours d'utiliser le sélecteur de requêtes parce qu'il est si facile.
Mais je ne vais pas faire ça.
Juste que nous utilisons une autre façon juste obtenir plus de pratique.
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.
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.
Il faut donc tout le texte à l'intérieur.
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.
Regardons l'UL.
Assurez-vous que nous avons la bonne.
Certainement la bonne.
Et faisons teks le contenu sur cela.
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.
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.
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.
Je vais me débarrasser de cette étiquette forte ici.
Si je frappe entrer juste complètement l'écrase.
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.
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.
Vous devez savoir exactement ce qui se trouve à l'intérieur d'un élément.
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.
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.
Il maintient en fait la structure avec un correct à chaque fois.
Éléments retournés ainsi que le texte de sorte que la propriété est appelée Inner HMO.
Nous avons donc le même paragraphe.
C'est un paragraphe impressionnant avec des étiquettes fortes autour de lui autour de génial.
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à.
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.
Document doc requête paragraphe sélecteur et nous allons courir.
Examinons tout d'abord le contenu du texte, puis faisons-le pour lui.
Et vous pouvez voir que nous obtenons le tag fort renvoyé à nous aussi.
Faisons la même chose pour l'UL et les mensonges qui sont à l'intérieur de celui-ci.
Ainsi, var UL est égal au sélecteur de requête document doc.
Vous le ferez, et vous aurez ce ht intérieur m l et nous obtenons les balises ainsi.
C'est donc utile et nous verrons quelques situations où nous allons en profiter dans certains des projets que nous avons construits.
Le texte est également utile si nous changeons juste ce qui est à l'intérieur d'une étiquette.
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.
Donc, je vais vous montrer que si je dis UL point inner HTML est maintenant égal à des plantes sont géniaux.
Il suffit de l'annuler complètement comme il l'a fait pour le contenu du texte.
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.
Mais si tout ce que nous voulons faire, par exemple, est de changer ce titre.
Bienvenue dans ma démo Dom.
Vous pouvez le sélectionner en premier.
C'est un H-1.
Et vous remarquez qu'il n'y a pas de H en dehors de lui.
C'est juste un H-1.
Donc, nous pourrions utiliser le contenu texte ou l'énergie M-L n'a pas d'importance.
Mais la plupart des gens utilisent du contenu texte, car c'est tout ce qui est contenu de texte.
Et nous pourrions le réinitialiser pour être autre chose.
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.
Et vous pouvez voir mes changements reflétés apparaissent.
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.
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.
Alors voici un petit bonus à la fin.
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.
Essayons quelque chose comme ce corps de dump de document qui nous donne le corps entier datt HMO intérieur.
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.
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.
Et si je touche entrer.
Oh non, il ne fonctionne pas réellement.
Ainsi, le contenu du texte ne va pas traiter la chaîne comme HMO.
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é.
Dans son HMO.
Vous pouvez le voir en fait il rend comme un H-1.
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.