Tutto ok.
Quindi è il momento per un rapido esercizio.
Questo coprirà i diversi selettori DOM che abbiamo appena discusso.
Quindi, il modo in cui funziona ti dà alcuni HM L semplici transessuali e H-1 tre quattro paragrafi.
Alcuni hanno idee, altri hanno classi che non hanno nulla.
E quello che voglio che tu faccia è trovare quattro modi diversi per selezionare il primo paragrafo.
i diversi metodi di cui abbiamo parlato. Document get element per ID per nome della classe
per nome del tag Le query del selettore di Corey come sono tutte combinate e corrispondono a quattro diversi modi per selezionarlo.
Quindi, per lo meno, c'è di più che usare
Se desideri, puoi scaricare il codice allegato.
Altrimenti vai avanti e scrivilo tu stesso per esempi di video di
puzzle e tornerò tra pochi secondi.
OK, parliamo di come possiamo risolvere questo problema.
Ho il file H Tim L qui.
Abbiamo un H1 e qui è il paragrafo che stiamo dopo il primo paragrafo.
Ha ID uguale a prima classe è speciale.
E poi ci sono altri paragrafi che non ci interessano davvero.
Quindi per selezionarlo abbiamo alcune opzioni diverse.
Iniziamo con get element per ID.
Quindi, solo per il tipo di documento ottieni prima l'elemento per ID.
Potremmo anche selezionare in base al di fuori dell'ID utilizzando il selettore di query per documentare quel selettore di query.
E non possiamo solo dire che prima dobbiamo anche vedere una sintassi del selettore che significa aggiungere che Octa Thorp che dice
al selettore di Querrey che questo è un ID chiamato prima e otteniamo la stessa cosa.
Quindi possiamo anche selezionare in base alla classe che è speciale.
Quindi potremmo fare un documento che ottiene gli elementi in base al nome della classe e il nome della classe è speciale e questo ci darà
due elementi che hanno quel nome di classe.
Quindi per ridurlo al solo primo aggiungeremo zero dopo parentesi quadre zero.
E questo ci dà il primo paragrafo.
Potremmo anche usare il selettore di query e usiamo la sintassi del punto perché è una classe.
Questa volta non abbiamo bisogno della parentesi quadra zero perché il normale vecchio selettore di query ci fornisce
solo il primo risultato.
Se usassimo il selettore di query, potremmo aggiungere zero in seguito e funzionerebbe allo stesso modo.
Otteniamo lo stesso primo paragrafo.
L'altra opzione che abbiamo è quella di selezionare in base al nome del tag che
è paragrafo o P in modo che possiamo fare documento Ottieni elementi per nome tag passare in P e che ci dà tutti i paragrafi.
Quindi faremmo la parentesi zero.
Potremmo anche usare il selettore di query.
Quindi documenta il selettore di query e non abbiamo bisogno di modificare ciò che è contenuto nel CS di stampa perché l'India dice che questo è
il modo in cui selezioni un tag di paragrafo.
Quindi il selettore di query ci darà il primo.
Quindi puoi vedere qui o possiamo anche fare query come sono tutte e aggiungere zero.
Possiamo anche rendere la vita più dura a noi stessi e utilizzare alcuni selettori CSSA più creativi.
Ad esempio, so che questo paragrafo il primo è il primo paragrafo subito dopo un H-1 adiacente, quindi
potrei scrivere un selettore CSSA che dice Seleziona i paragrafi dopo un H1 o adiacente a ciascuno con
il segno più.
Così sembrerebbe questo.
Se volessi davvero farlo.
Selettore Cory e quello sarebbe il paragrafo H-1 plus.
E questo mi dà anche il primo paragrafo.
Ci sono molti altri modi in cui possiamo farlo anche noi.
Potremmo fare il primo paragrafo del tipo.
Possiamo diventare abbastanza creativi, ma non c'è motivo di farlo se possiamo semplicemente ottenerlo con un ID o un nome
di classe o nome di tag.
OK.
Quindi, si spera, sei in grado di inventarne almeno quattro, come puoi vedere ci sono un sacco di opzioni,
proprio come in C S S possiamo mirare a qualcosa in tanti modi diversi.
Non c'è davvero una risposta giusta in questo caso perché ha un ID.
Probabilmente userò il selettore di query con l'ID che è ciò che abbiamo fatto quassù.
Oppure ottieni l'elemento per ID