Questo video continueremo a conoscere diversi modi di manipolare gli elementi.
Una volta che li selezioniamo.
Quindi abbiamo parlato della manipolazione delle classi che cambiano stile rimuovendo le classi.
Abbiamo parlato di alterare il contenuto del testo e di infuriarlo.
Ora parleremo della manipolazione degli attributi.
Quindi ricorda che gli attributi sono cose come H. F. equivale a Google come com o fonte su un'immagine.
Quindi seguono sempre questo nome di proprietà uguale a qualcosa all'interno di virgolette e gli attributi sono
davvero importanti.
E a volte vogliamo manipolarli, vogliamo cambiare le cose.
Quindi faremo presto alcune cose semplici, come cambiare ogni link su Google.
La homepage di Dotcom come link.
Quindi faremo alcune semplici cose per iniziare come cambiare ogni link sulla home page di Google dot
com per essere Bing dotcom.
Ma cambiare gli attributi è qualcosa che è veramente importante e utile nei progetti reali.
Quindi, se abbiamo creato un dispositivo di scorrimento delle immagini, per esempio molte volte le gallerie delle immagini, i cursori delle immagini sono
realizzati cambiando la fonte di un'immagine e si tratta di una sola immagine e la sorgente viene cambiata.
Quindi questo è solo un breve esempio, ma parleremo di come possiamo recuperare il
valore di attributi specifici e come possiamo anche alterare o manipolare il valore.
In questo esempio abbiamo un tag di ancoraggio con una bozza da google. it e un tag immagine con sorgente
è logo dot DNG.
Quindi selezioniamo il tag di ancoraggio per avviare il selettore di query a salvare quello da collegare e c'è
un metodo che possiamo usare chiamato Ottieni attributo e ottieni attributo fa quello che sembra recupera o
ottiene il valore dell'attributo specifico che chiediamo.
Quindi se chiediamo un respiro a questo link ci darà www. Youtube. set attribute prende due argomenti.
com e poi posso anche cambiare quell'attributo usando Set attribute e
Il primo è il nome dell'attributo e il secondo è ciò a cui voglio cambiarlo.
Quindi in questo caso sto cambiando il Tref su questo link per essere WDW che cani dot com.
Andiamo avanti e dimostralo nel browser.
Quindi utilizzerò l'attributo get per recuperare l'origine di questa prima immagine qui.
Quindi ho bisogno di selezionarlo.
Chiamiamolo solo l'immagine uno è uguale al documento e otteniamo elementi con l'immagine
del nome del tag e vogliamo il primo.
E se guardiamo l'immagine 1 se chiediamo la fonte, otteniamo semplicemente attributo come sarcy.
E questa è la nostra fonte.
Se volessi cambiare quell'immagine, in realtà ho un'immagine preparata qui di un altro adorabile corgi che
mescola un corgi husky.
Ho intenzione di andare avanti e basta copiare questo e lo si cambia usando l'attributo set image one
dot come questo e poi passandolo come secondo argomento.
E premiamo invio e ora ottengo la mia immagine aggiornata lì.
E potrei fare la stessa cosa ovviamente alla seconda immagine.
Ho solo bisogno di selezionarlo in modo che possiamo fare qualcosa di
simile all'immagine da documentare per ottenere elementi dall'immagine 1 del nome del tag e quindi dall'immagine per impostare la sorgente di attributo come la stessa cosa.
Ora abbiamo due di quegli adorabili Husky male proporzionati.
Quindi, solo per motivi di varietà, aggiungerò anche un tag di ancoraggio.
Quindi appena in alto avremo un tag di ancoraggio con puntino Tref BW di Google dot com e poi entreremo qui.
Link a Google e ciò che possiamo fare per iniziare è il cambiamento che collega un ref.
Quindi se siamo freschi nella pagina abbiamo quel link che abbiamo selezionato fino ad ora un documento uguale a quello della
query selettore A.
E poi faremo un attributo dot set un Tref non sta facendo più source stiamo cambiando la natura dell'attributo e
lo faremo a Corgies dot com e se guardiamo prima di tutto se guardiamo il tag a te può vedere il modo in cui è
rappresentato per noi e il contro. È cambiato in Corgies dot com.
Se lo ispeziono.
HCF ha cambiato il Corgies start com.
E infine se clicco su di esso in una nuova scheda ci porta a Corgies dot com e noterai che in realtà non ci ha
portato sul sito Web Corgies star com ha cercato di farlo su un percorso relativo.
se volessimo davvero andare sul sito web Corgies start com che non sono sicuro sia un vero sito web.
Quindi, per risolvere il problema,
Abbiamo bisogno di fare la barra delle barre di HTP e questo indica al browser che questo collegamento non è relativo a dove
ci troviamo.
È un percorso assoluto che significa solo andare a questo URL non provare e aggiungerlo alla fine di
dove siamo.
Quindi stiamo usando il protocollo HTP e lo faccio ora se ispezioniamo.
Puoi vedere che è cambiato HGP.
su una nuova scheda, Corgies dotcom non possiede nessuno che in realtà o qualcuno lo possiede ma non lo usa.
E se clicchiamo
È un peccato e vergogna.
Quindi l'ultima cosa è solo per aggiornare questo link che non dice link a Google.
Tutto ciò che dobbiamo fare è a.
E abbiamo due scelte, ma il contenuto del testo di solito è l'opzione migliore per
cambiare semplicemente il contenuto del testo, il contenuto del testo equivale al collegamento a corgi dot com e ora il nostro tag è cambiato.
È l'attributo Atra e anche il contenuto interiore è cambiato.
Quindi, per concludere, abbiamo attributo e attributo set e questi funzionano su qualsiasi attributo.
Così l'ho mostrato per un Tref e per il codice sorgente, ma potresti usarlo se volessi cambiare un ID per cambiare una
classe o qualsiasi altro attributo che è là fuori.
Ce ne sono molti altri, ma questi sono quelli più comuni con cui lavorare