1
00:00:00,300 --> 00:00:01,040
Ben tornato.

2
00:00:01,050 --> 00:00:03,240
In questo video riprendiamo da dove eravamo rimasti.

3
00:00:03,240 --> 00:00:07,020
Continueremo a parlare di altri modi di manipolare gli elementi.

4
00:00:07,020 --> 00:00:12,420
Ricorda che li selezioniamo e poi li manipoliamo e finora abbiamo visto come possiamo cambiare il colore o le

5
00:00:12,420 --> 00:00:17,330
proprietà di qualsiasi stile e anche come possiamo usare l'elenco delle classi per influenzare anche lo stile.

6
00:00:17,640 --> 00:00:22,050
Quindi in questo video parleremo di due diverse proprietà, entrambe le quali ci permettono

7
00:00:22,050 --> 00:00:24,770
di cambiare il testo o l'età in una pagina.

8
00:00:24,780 --> 00:00:31,080
di un tag forte come quello che ho qui o per il quale volevo cambiare il tag di ancoraggio, il testo stesso.

9
00:00:31,350 --> 00:00:35,040
Quindi se volessi cambiare il contenuto invece di un tag H1 o invece

10
00:00:35,040 --> 00:00:37,030
Questo è quello che vedremo come fare in questo video.

11
00:00:37,410 --> 00:00:40,590
Quindi la prima proprietà è qualcosa chiamato contenuto del testo.

12
00:00:41,190 --> 00:00:47,430
Come puoi vedere qui ho un paragrafo con un testo e un tag forte che dice Awesome.

13
00:00:47,520 --> 00:00:50,090
E poi il resto del testo del paragrafo.

14
00:00:50,160 --> 00:00:57,900
Quindi se seleziono questo con il selettore di Duckery del documento P lo salvi in ​​una variabile e taglino il contenuto del

15
00:00:57,900 --> 00:01:04,500
testo del punto che recupera il testo all'interno di ogni elemento temporale e il testo viene definito come qualsiasi

16
00:01:04,620 --> 00:01:08,210
cosa tra i tag HTML ma non include la tassa.

17
00:01:08,430 --> 00:01:09,870
Quindi vedrai che ritorna.

18
00:01:09,870 --> 00:01:11,760
Questo è un paragrafo fantastico.

19
00:01:11,760 --> 00:01:18,110
Non contiene i tag forti, quindi estrae tutto il testo dall'interno di quel paragrafo.

20
00:01:18,270 --> 00:01:20,240
Tuttavia, molti livelli in profondità devono andare.

21
00:01:20,280 --> 00:01:23,620
Afferra tutto il testo e restituisce una grande stringa.

22
00:01:24,120 --> 00:01:30,310
E naturalmente possiamo anche impostare il contenuto del testo, come ho fatto qui, taggare il contenuto del testo equivale a blah blah blah.

23
00:01:30,510 --> 00:01:33,830
E ciò ripristinerà il contenuto del testo per essere blah blah blah.

24
00:01:33,870 --> 00:01:35,270
All'interno di questo paragrafo.

25
00:01:35,460 --> 00:01:40,140
Ok, ho intenzione di andare avanti e dimostrare come possiamo usare la proprietà del contenuto del testo prima di farlo.

26
00:01:40,350 --> 00:01:46,500
Ho intenzione di aggiornare la nostra demo di esempio Tim Page con poche altre righe di markup in modo da avere

27
00:01:46,500 --> 00:01:47,940
più testo con cui lavorare.

28
00:01:47,970 --> 00:01:55,740
Quindi aggiungerò un UL e all'interno di questo aggiungerai i fiori.

29
00:01:55,860 --> 00:01:57,500
Quindi orchidee.

30
00:01:57,900 --> 00:02:04,700
Facciamo la succulenza e durano i tulipani.

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

32
00:02:05,400 --> 00:02:06,560
Andremo avanti e lavoreremo con questo.

33
00:02:06,560 --> 00:02:09,680
Nella console javascript.

34
00:02:09,840 --> 00:02:16,800
Quindi, ecco la nostra pagina qui è il nostro bene con i nostri tre alleati e poi abbiamo anche questo paragrafo che

35
00:02:16,800 --> 00:02:22,380
ha il forte tag intorno alla parola super mix di corgi sono super adorabili come si può vedere.

36
00:02:22,560 --> 00:02:24,340
Sì.

37
00:02:24,340 --> 00:02:31,800
Quindi andrò al console e cominceremo selezionando semplicemente questo documento di P pari a Paragrafo.

38
00:02:32,280 --> 00:02:36,740
E il mio primo istinto è sempre quello di utilizzare il selettore di query perché è così facile.

39
00:02:36,900 --> 00:02:38,470
Ma non ho intenzione di farlo.

40
00:02:38,580 --> 00:02:41,410
Solo che usiamo un altro modo solo ottenere più pratica.

41
00:02:41,460 --> 00:02:50,550
Userò GET elementi per nome tag e quel nome tag è paragrafo e quindi ricordiamo che dobbiamo ancora

42
00:02:50,550 --> 00:02:52,320
chiedere il primo.

43
00:02:52,690 --> 00:03:01,620
Quindi ora se guardiamo a P abbiamo quel paragrafo e se eseguiamo il contenuto del testo su quello del contenuto del testo ci dice che

44
00:03:01,620 --> 00:03:04,320
i mix di corgi sono super adorabili.

45
00:03:04,320 --> 00:03:06,510
Quindi ci vuole tutto il testo lì dentro.

46
00:03:06,870 --> 00:03:13,650
Facciamo la stessa cosa sull'UL in modo da selezionare UL var UL e questa volta userò

47
00:03:15,470 --> 00:03:17,770
il selettore di selezione ul.

48
00:03:18,150 --> 00:03:19,280
Diamo un'occhiata all'UL.

49
00:03:19,320 --> 00:03:21,570
Assicurati di averne uno corretto.

50
00:03:21,570 --> 00:03:22,820
Sicuramente quello giusto.

51
00:03:22,980 --> 00:03:26,640
E facciamo il contenuto di te su questo.

52
00:03:27,330 --> 00:03:35,030
E puoi vedere che elimina i tag e ottiene solo il puro contenuto di testo all'interno di quell'UL e quindi quello

53
00:03:35,040 --> 00:03:37,440
che possiamo fare è anche aggiornarlo.

54
00:03:37,440 --> 00:03:42,780
Quindi questo è un po 'pericoloso in realtà perché diciamo che voglio aggiornare il contenuto del

55
00:03:42,780 --> 00:03:49,070
testo di questo paragrafo e voglio aggiornarlo per dire che i mix di corgi sono davvero super adorabili.

56
00:03:49,440 --> 00:04:00,630
contenuto di testo p equals e dire che i mix di corgi sono davvero super adorabili ma spero che tu possa vedere il problema.

57
00:04:00,630 --> 00:04:02,600
Beh, potrei fare il

58
00:04:02,670 --> 00:04:05,890
Ho intenzione di sbarazzarmi di questo tag forte qui.

59
00:04:06,090 --> 00:04:09,180
Se premo invio, lo sovrascrive completamente.

60
00:04:09,180 --> 00:04:14,610
Quindi se aspettiamo questo elemento ora ci siamo sbarazzati di tutto ciò che c'era dentro che era un

61
00:04:14,600 --> 00:04:15,490
punto di forza.

62
00:04:15,600 --> 00:04:20,280
Quindi il contenuto del testo è un po 'pericoloso in questo senso se lo si utilizza per impostare qualcosa che

63
00:04:20,280 --> 00:04:22,690
non è male, ma devi solo fare attenzione a questo.

64
00:04:22,710 --> 00:04:24,880
Devi sapere esattamente cosa c'è dentro un elemento.

65
00:04:24,900 --> 00:04:30,420
Se c'è H. T. i tag e-mail che vuoi conservare non vogliono semplicemente

66
00:04:30,420 --> 00:04:33,720
impostare automaticamente tutto il contenuto del testo in un flusso di notizie perché questo cancellerà tutto.

67
00:04:34,050 --> 00:04:39,330
C'è un'altra proprietà che funziona sulla stessa linea del contenuto del testo, tranne per il fatto che mantiene

68
00:04:39,480 --> 00:04:43,480
i due elementi maschili intatti in modo che non estragga solo il testo.

69
00:04:43,500 --> 00:04:46,240
Effettivamente mantiene la struttura corretta ogni volta.

70
00:04:46,260 --> 00:04:52,800
Gli elementi restituiti e il testo in modo che la proprietà si chiami Inner HMO.

71
00:04:53,580 --> 00:04:55,020
Quindi abbiamo il nostro stesso paragrafo.

72
00:04:55,020 --> 00:04:59,970
Questo è un paragrafo fantastico con tag forti attorno ad esso.

73
00:05:00,060 --> 00:05:07,140
E poi lo selezioniamo con il selettore di query e quindi eseguiamo il tag dot inner hm l e

74
00:05:07,140 --> 00:05:11,870
questo mi dà un paragrafo fantastico pur mantenendo il tag forte lì.

75
00:05:12,270 --> 00:05:18,510
Quindi ti mostrerò un altro esempio e aggiornerò la pagina in modo da avere di nuovo il nostro tag forte e

76
00:05:18,510 --> 00:05:20,640
andrò avanti e selezionerò nuovamente il paragrafo.

77
00:05:20,850 --> 00:05:28,040
Paragrafo del selettore di query doc per documenti e stiamo per correre.

78
00:05:28,350 --> 00:05:33,760
Esaminiamo prima il contenuto del testo e poi lo facciamo per lui.

79
00:05:34,870 --> 00:05:38,350
E puoi vedere che abbiamo ricevuto anche il tag forte.

80
00:05:38,940 --> 00:05:43,300
Facciamo la stessa cosa per l'UL e le bugie che ci sono dentro.

81
00:05:43,320 --> 00:05:49,020
Quindi var UL equivale al selettore di query doc per documenti.

82
00:05:49,770 --> 00:05:58,710
Lo farai e lo farai in quel modo interiore e riceverai anche i tag.

83
00:05:58,740 --> 00:06:03,150
Quindi questo è utile e vedremo alcune situazioni in cui trarremo vantaggio da alcuni

84
00:06:03,150 --> 00:06:04,770
dei progetti che abbiamo realizzato.

85
00:06:04,770 --> 00:06:08,830
Il testo è anche utile se stiamo cambiando ciò che è all'interno di un tag.

86
00:06:09,120 --> 00:06:15,240
Di solito, in realtà non lo impostiamo come qualcosa perché è lo stesso problema che avremmo con

87
00:06:15,250 --> 00:06:20,820
l'impostazione del contenuto del testo, ma sovrascrive qualsiasi cosa ci sia al momento dentro di

88
00:06:20,820 --> 00:06:21,300
lui.

89
00:06:21,510 --> 00:06:31,820
Quindi ti mostrerò che se dico che il codice HTML interno UL ora è uguale alle piante, è fantastico.

90
00:06:32,870 --> 00:06:36,170
Lo sostituisce completamente come per il contenuto del testo.

91
00:06:36,210 --> 00:06:41,530
Quindi se vogliamo aggiungere nuovi elementi o vogliamo interagire con HTML ci sono altri modi per farlo.

92
00:06:41,760 --> 00:06:45,440
Ma se tutto ciò che vogliamo fare per esempio è cambiare questo titolo.

93
00:06:45,450 --> 00:06:47,750
Benvenuti nella demo di Dom.

94
00:06:47,810 --> 00:06:49,340
Potresti selezionarlo per primo.

95
00:06:49,470 --> 00:06:50,410
È un H-1.

96
00:06:50,730 --> 00:06:53,420
E tu noti che non c'è lui fuori di esso.

97
00:06:53,430 --> 00:06:54,850
È solo un H-1.

98
00:06:54,990 --> 00:06:59,000
Quindi potremmo usare il contenuto del testo o l'energia M-L non importa.

99
00:06:59,010 --> 00:07:03,190
Ma la maggior parte delle persone usa il contenuto del testo perché è tutto ciò che è contenuto di testo.

100
00:07:03,360 --> 00:07:05,530
E potremmo resettarlo per essere qualcos'altro.

101
00:07:05,580 --> 00:07:12,060
Quindi sarebbe solo una questione di documento, facciamo di nuovo il selettore di

102
00:07:12,060 --> 00:07:17,970
query e non lo salverò su una variabile solo per abituarti a

103
00:07:17,970 --> 00:07:29,760
vedere questo selettore di documenti H-1 e quindi possiamo ricollegarlo alla fine il contenuto del punto è uguale a e di questa lezione.

104
00:07:29,760 --> 00:07:33,060
E puoi vedere apparire le mie modifiche riflesse.

105
00:07:33,060 --> 00:07:39,180
Quindi, per ricapitolare il contenuto del testo, inserisci in HD M-L due diversi modi di afferrare il contenuto di

106
00:07:39,540 --> 00:07:42,750
un dato elemento che selezioniamo prima, poi lo facciamo infuriare.

107
00:07:42,810 --> 00:07:49,860
O il contenuto del testo su quel contenuto di testo dell'elemento selezionato estrae solo il testo e restituisce una grande stringa piena di

108
00:07:49,860 --> 00:07:55,970
testo e lo fa infuriare. Mel ci darà tutto come una stringa che include gli elementi con il taglio fuori.

109
00:07:57,240 --> 00:07:59,000
Quindi ecco un piccolo bonus alla fine.

110
00:07:59,190 --> 00:08:04,120
Questo non è qualcosa che mi aspetto che tu ricordi, ma c'è un'altra differenza tra l'HTML infuriato

111
00:08:04,120 --> 00:08:07,100
e il contenuto del testo e te lo illustrerò qui.

112
00:08:07,350 --> 00:08:14,700
Proviamo qualcosa come questo documento di scarico del corpo che ci dà l'intero corpo interno HMO.

113
00:08:15,420 --> 00:08:21,230
E puoi vedere se otteniamo tutto il codice HTML per il corpo, tutto ciò che possiamo fare

114
00:08:21,240 --> 00:08:30,090
la stessa cosa con l'inserimento o con contenuti di testo come questo e otteniamo tutto il testo sulla nostra pagina che è solo queste tre righe.

115
00:08:31,230 --> 00:08:36,480
Quello che posso fare è se volessi cambiare volevo sbarazzarmi di tutto su questa

116
00:08:36,480 --> 00:08:42,840
pagina che non è davvero una buona idea, ma se volessi e volessi sostituirla con una nuova

117
00:08:42,840 --> 00:08:50,550
H-1 e con quella H-1 appena detto addio per fare che potrei fare qualcosa come questo documento sul contenuto del testo

118
00:08:50,550 --> 00:08:57,700
di bodycam uguale e potrei inserire un tag H-1 qui e fare qualcosa di simile in cui sto scrivendo HMO.

119
00:08:57,930 --> 00:08:59,380
E se premo invio.

120
00:08:59,940 --> 00:09:02,190
Oh no, in realtà non funziona.

121
00:09:02,190 --> 00:09:07,070
Quindi il contenuto del testo non tratterà la stringa come HMO.

122
00:09:07,080 --> 00:09:14,540
Lo tratta puramente come testo, quindi non rende il tag H-1 contro se ho fatto la stessa cosa

123
00:09:14,550 --> 00:09:15,460
con rabbia.

124
00:09:17,520 --> 00:09:19,400
Nel suo HMO.

125
00:09:20,340 --> 00:09:22,740
Puoi vedere che lo rende effettivamente come un H-1.

126
00:09:22,830 --> 00:09:28,440
Quindi questa è una sfumatura, ma una differenza importante di contenuto del testo tratta qualunque cosa ti dia e

127
00:09:28,440 --> 00:09:31,560
qualunque cosa tu dia come testo e dentro di lui.

128
00:09:31,600 --> 00:09:36,210
In realtà lo tratta come H M L e reso sulla pagina se gli dai tag per renderizzare