Ben tornato.
In questo video riprendiamo da dove eravamo rimasti.
Continueremo a parlare di altri modi di manipolare gli elementi.
Ricorda che li selezioniamo e poi li manipoliamo e finora abbiamo visto come possiamo cambiare il colore o le
proprietà di qualsiasi stile e anche come possiamo usare l'elenco delle classi per influenzare anche lo stile.
Quindi in questo video parleremo di due diverse proprietà, entrambe le quali ci permettono
di cambiare il testo o l'età in una pagina.
di un tag forte come quello che ho qui o per il quale volevo cambiare il tag di ancoraggio, il testo stesso.
Quindi se volessi cambiare il contenuto invece di un tag H1 o invece
Questo è quello che vedremo come fare in questo video.
Quindi la prima proprietà è qualcosa chiamato contenuto del testo.
Come puoi vedere qui ho un paragrafo con un testo e un tag forte che dice Awesome.
E poi il resto del testo del paragrafo.
Quindi se seleziono questo con il selettore di Duckery del documento P lo salvi in ​​una variabile e taglino il contenuto del
testo del punto che recupera il testo all'interno di ogni elemento temporale e il testo viene definito come qualsiasi
cosa tra i tag HTML ma non include la tassa.
Quindi vedrai che ritorna.
Questo è un paragrafo fantastico.
Non contiene i tag forti, quindi estrae tutto il testo dall'interno di quel paragrafo.
Tuttavia, molti livelli in profondità devono andare.
Afferra tutto il testo e restituisce una grande stringa.
E naturalmente possiamo anche impostare il contenuto del testo, come ho fatto qui, taggare il contenuto del testo equivale a blah blah blah.
E ciò ripristinerà il contenuto del testo per essere blah blah blah.
All'interno di questo paragrafo.
Ok, ho intenzione di andare avanti e dimostrare come possiamo usare la proprietà del contenuto del testo prima di farlo.
Ho intenzione di aggiornare la nostra demo di esempio Tim Page con poche altre righe di markup in modo da avere
più testo con cui lavorare.
Quindi aggiungerò un UL e all'interno di questo aggiungerai i fiori.
Quindi orchidee.
Facciamo la succulenza e durano i tulipani.
OK.
Andremo avanti e lavoreremo con questo.
Nella console javascript.
Quindi, ecco la nostra pagina qui è il nostro bene con i nostri tre alleati e poi abbiamo anche questo paragrafo che
ha il forte tag intorno alla parola super mix di corgi sono super adorabili come si può vedere.
Sì.
Quindi andrò al console e cominceremo selezionando semplicemente questo documento di P pari a Paragrafo.
E il mio primo istinto è sempre quello di utilizzare il selettore di query perché è così facile.
Ma non ho intenzione di farlo.
Solo che usiamo un altro modo solo ottenere più pratica.
Userò GET elementi per nome tag e quel nome tag è paragrafo e quindi ricordiamo che dobbiamo ancora
chiedere il primo.
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
i mix di corgi sono super adorabili.
Quindi ci vuole tutto il testo lì dentro.
Facciamo la stessa cosa sull'UL in modo da selezionare UL var UL e questa volta userò
il selettore di selezione ul.
Diamo un'occhiata all'UL.
Assicurati di averne uno corretto.
Sicuramente quello giusto.
E facciamo il contenuto di te su questo.
E puoi vedere che elimina i tag e ottiene solo il puro contenuto di testo all'interno di quell'UL e quindi quello
che possiamo fare è anche aggiornarlo.
Quindi questo è un po 'pericoloso in realtà perché diciamo che voglio aggiornare il contenuto del
testo di questo paragrafo e voglio aggiornarlo per dire che i mix di corgi sono davvero super adorabili.
contenuto di testo p equals e dire che i mix di corgi sono davvero super adorabili ma spero che tu possa vedere il problema.
Beh, potrei fare il
Ho intenzione di sbarazzarmi di questo tag forte qui.
Se premo invio, lo sovrascrive completamente.
Quindi se aspettiamo questo elemento ora ci siamo sbarazzati di tutto ciò che c'era dentro che era un
punto di forza.
Quindi il contenuto del testo è un po 'pericoloso in questo senso se lo si utilizza per impostare qualcosa che
non è male, ma devi solo fare attenzione a questo.
Devi sapere esattamente cosa c'è dentro un elemento.
Se c'è H. T. i tag e-mail che vuoi conservare non vogliono semplicemente
impostare automaticamente tutto il contenuto del testo in un flusso di notizie perché questo cancellerà tutto.
C'è un'altra proprietà che funziona sulla stessa linea del contenuto del testo, tranne per il fatto che mantiene
i due elementi maschili intatti in modo che non estragga solo il testo.
Effettivamente mantiene la struttura corretta ogni volta.
Gli elementi restituiti e il testo in modo che la proprietà si chiami Inner HMO.
Quindi abbiamo il nostro stesso paragrafo.
Questo è un paragrafo fantastico con tag forti attorno ad esso.
E poi lo selezioniamo con il selettore di query e quindi eseguiamo il tag dot inner hm l e
questo mi dà un paragrafo fantastico pur mantenendo il tag forte lì.
Quindi ti mostrerò un altro esempio e aggiornerò la pagina in modo da avere di nuovo il nostro tag forte e
andrò avanti e selezionerò nuovamente il paragrafo.
Paragrafo del selettore di query doc per documenti e stiamo per correre.
Esaminiamo prima il contenuto del testo e poi lo facciamo per lui.
E puoi vedere che abbiamo ricevuto anche il tag forte.
Facciamo la stessa cosa per l'UL e le bugie che ci sono dentro.
Quindi var UL equivale al selettore di query doc per documenti.
Lo farai e lo farai in quel modo interiore e riceverai anche i tag.
Quindi questo è utile e vedremo alcune situazioni in cui trarremo vantaggio da alcuni
dei progetti che abbiamo realizzato.
Il testo è anche utile se stiamo cambiando ciò che è all'interno di un tag.
Di solito, in realtà non lo impostiamo come qualcosa perché è lo stesso problema che avremmo con
l'impostazione del contenuto del testo, ma sovrascrive qualsiasi cosa ci sia al momento dentro di
lui.
Quindi ti mostrerò che se dico che il codice HTML interno UL ora è uguale alle piante, è fantastico.
Lo sostituisce completamente come per il contenuto del testo.
Quindi se vogliamo aggiungere nuovi elementi o vogliamo interagire con HTML ci sono altri modi per farlo.
Ma se tutto ciò che vogliamo fare per esempio è cambiare questo titolo.
Benvenuti nella demo di Dom.
Potresti selezionarlo per primo.
È un H-1.
E tu noti che non c'è lui fuori di esso.
È solo un H-1.
Quindi potremmo usare il contenuto del testo o l'energia M-L non importa.
Ma la maggior parte delle persone usa il contenuto del testo perché è tutto ciò che è contenuto di testo.
E potremmo resettarlo per essere qualcos'altro.
Quindi sarebbe solo una questione di documento, facciamo di nuovo il selettore di
query e non lo salverò su una variabile solo per abituarti a
vedere questo selettore di documenti H-1 e quindi possiamo ricollegarlo alla fine il contenuto del punto è uguale a e di questa lezione.
E puoi vedere apparire le mie modifiche riflesse.
Quindi, per ricapitolare il contenuto del testo, inserisci in HD M-L due diversi modi di afferrare il contenuto di
un dato elemento che selezioniamo prima, poi lo facciamo infuriare.
O il contenuto del testo su quel contenuto di testo dell'elemento selezionato estrae solo il testo e restituisce una grande stringa piena di
testo e lo fa infuriare. Mel ci darà tutto come una stringa che include gli elementi con il taglio fuori.
Quindi ecco un piccolo bonus alla fine.
Questo non è qualcosa che mi aspetto che tu ricordi, ma c'è un'altra differenza tra l'HTML infuriato
e il contenuto del testo e te lo illustrerò qui.
Proviamo qualcosa come questo documento di scarico del corpo che ci dà l'intero corpo interno HMO.
E puoi vedere se otteniamo tutto il codice HTML per il corpo, tutto ciò che possiamo fare
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.
Quello che posso fare è se volessi cambiare volevo sbarazzarmi di tutto su questa
pagina che non è davvero una buona idea, ma se volessi e volessi sostituirla con una nuova
H-1 e con quella H-1 appena detto addio per fare che potrei fare qualcosa come questo documento sul contenuto del testo
di bodycam uguale e potrei inserire un tag H-1 qui e fare qualcosa di simile in cui sto scrivendo HMO.
E se premo invio.
Oh no, in realtà non funziona.
Quindi il contenuto del testo non tratterà la stringa come HMO.
Lo tratta puramente come testo, quindi non rende il tag H-1 contro se ho fatto la stessa cosa
con rabbia.
Nel suo HMO.
Puoi vedere che lo rende effettivamente come un H-1.
Quindi questa è una sfumatura, ma una differenza importante di contenuto del testo tratta qualunque cosa ti dia e
qualunque cosa tu dia come testo e dentro di lui.
In realtà lo tratta come H M L e reso sulla pagina se gli dai tag per renderizzare