1
00:00:00,640 --> 00:00:05,130
Questo video continueremo a conoscere diversi modi di manipolare gli elementi.

2
00:00:05,160 --> 00:00:06,360
Una volta che li selezioniamo.

3
00:00:06,690 --> 00:00:11,040
Quindi abbiamo parlato della manipolazione delle classi che cambiano stile rimuovendo le classi.

4
00:00:11,040 --> 00:00:15,290
Abbiamo parlato di alterare il contenuto del testo e di infuriarlo.

5
00:00:15,600 --> 00:00:18,600
Ora parleremo della manipolazione degli attributi.

6
00:00:18,810 --> 00:00:25,820
Quindi ricorda che gli attributi sono cose come H. F. equivale a Google come com o fonte su un'immagine.

7
00:00:26,550 --> 00:00:32,460
Quindi seguono sempre questo nome di proprietà uguale a qualcosa all'interno di virgolette e gli attributi sono

8
00:00:32,460 --> 00:00:33,330
davvero importanti.

9
00:00:33,330 --> 00:00:36,410
E a volte vogliamo manipolarli, vogliamo cambiare le cose.

10
00:00:36,570 --> 00:00:40,890
Quindi faremo presto alcune cose semplici, come cambiare ogni link su Google.

11
00:00:40,900 --> 00:00:45,950
La homepage di Dotcom come link.

12
00:00:46,200 --> 00:00:51,040
Quindi faremo alcune semplici cose per iniziare come cambiare ogni link sulla home page di Google dot

13
00:00:51,060 --> 00:00:52,460
com per essere Bing dotcom.

14
00:00:52,490 --> 00:00:58,280
Ma cambiare gli attributi è qualcosa che è veramente importante e utile nei progetti reali.

15
00:00:58,320 --> 00:01:05,610
Quindi, se abbiamo creato un dispositivo di scorrimento delle immagini, per esempio molte volte le gallerie delle immagini, i cursori delle immagini sono

16
00:01:05,610 --> 00:01:11,440
realizzati cambiando la fonte di un'immagine e si tratta di una sola immagine e la sorgente viene cambiata.

17
00:01:11,730 --> 00:01:16,800
Quindi questo è solo un breve esempio, ma parleremo di come possiamo recuperare il

18
00:01:16,890 --> 00:01:21,460
valore di attributi specifici e come possiamo anche alterare o manipolare il valore.

19
00:01:21,570 --> 00:01:28,050
In questo esempio abbiamo un tag di ancoraggio con una bozza da google. it e un tag immagine con sorgente

20
00:01:28,050 --> 00:01:30,110
è logo dot DNG.

21
00:01:30,360 --> 00:01:36,300
Quindi selezioniamo il tag di ancoraggio per avviare il selettore di query a salvare quello da collegare e c'è

22
00:01:36,300 --> 00:01:41,880
un metodo che possiamo usare chiamato Ottieni attributo e ottieni attributo fa quello che sembra recupera o

23
00:01:42,150 --> 00:01:44,360
ottiene il valore dell'attributo specifico che chiediamo.

24
00:01:44,490 --> 00:01:51,810
Quindi se chiediamo un respiro a questo link ci darà www. Youtube. set attribute prende due argomenti.

25
00:01:51,810 --> 00:01:56,580
com e poi posso anche cambiare quell'attributo usando Set attribute e

26
00:01:56,640 --> 00:02:01,890
Il primo è il nome dell'attributo e il secondo è ciò a cui voglio cambiarlo.

27
00:02:01,890 --> 00:02:08,820
Quindi in questo caso sto cambiando il Tref su questo link per essere WDW che cani dot com.

28
00:02:09,540 --> 00:02:13,200
Andiamo avanti e dimostralo nel browser.

29
00:02:13,200 --> 00:02:17,940
Quindi utilizzerò l'attributo get per recuperare l'origine di questa prima immagine qui.

30
00:02:18,150 --> 00:02:19,430
Quindi ho bisogno di selezionarlo.

31
00:02:19,680 --> 00:02:26,970
Chiamiamolo solo l'immagine uno è uguale al documento e otteniamo elementi con l'immagine

32
00:02:29,610 --> 00:02:33,810
del nome del tag e vogliamo il primo.

33
00:02:33,810 --> 00:02:43,330
E se guardiamo l'immagine 1 se chiediamo la fonte, otteniamo semplicemente attributo come sarcy.

34
00:02:44,280 --> 00:02:45,840
E questa è la nostra fonte.

35
00:02:46,170 --> 00:02:52,620
Se volessi cambiare quell'immagine, in realtà ho un'immagine preparata qui di un altro adorabile corgi che

36
00:02:52,770 --> 00:02:54,290
mescola un corgi husky.

37
00:02:54,780 --> 00:03:03,180
Ho intenzione di andare avanti e basta copiare questo e lo si cambia usando l'attributo set image one

38
00:03:03,180 --> 00:03:07,700
dot come questo e poi passandolo come secondo argomento.

39
00:03:07,700 --> 00:03:12,500
E premiamo invio e ora ottengo la mia immagine aggiornata lì.

40
00:03:13,020 --> 00:03:15,700
E potrei fare la stessa cosa ovviamente alla seconda immagine.

41
00:03:15,750 --> 00:03:22,290
Ho solo bisogno di selezionarlo in modo che possiamo fare qualcosa di

42
00:03:22,290 --> 00:03:35,970
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.

43
00:03:35,970 --> 00:03:41,520
Ora abbiamo due di quegli adorabili Husky male proporzionati.

44
00:03:41,670 --> 00:03:45,220
Quindi, solo per motivi di varietà, aggiungerò anche un tag di ancoraggio.

45
00:03:45,360 --> 00:03:53,220
Quindi appena in alto avremo un tag di ancoraggio con puntino Tref BW di Google dot com e poi entreremo qui.

46
00:03:53,370 --> 00:04:01,380
Link a Google e ciò che possiamo fare per iniziare è il cambiamento che collega un ref.

47
00:04:01,390 --> 00:04:07,950
Quindi se siamo freschi nella pagina abbiamo quel link che abbiamo selezionato fino ad ora un documento uguale a quello della

48
00:04:08,510 --> 00:04:09,480
query selettore A.

49
00:04:09,930 --> 00:04:17,880
E poi faremo un attributo dot set un Tref non sta facendo più source stiamo cambiando la natura dell'attributo e

50
00:04:17,880 --> 00:04:27,600
lo faremo a Corgies dot com e se guardiamo prima di tutto se guardiamo il tag a te può vedere il modo in cui è

51
00:04:27,910 --> 00:04:32,940
rappresentato per noi e il contro. È cambiato in Corgies dot com.

52
00:04:33,090 --> 00:04:35,080
Se lo ispeziono.

53
00:04:35,690 --> 00:04:38,200
HCF ha cambiato il Corgies start com.

54
00:04:38,370 --> 00:04:46,680
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

55
00:04:46,680 --> 00:04:51,620
portato sul sito Web Corgies star com ha cercato di farlo su un percorso relativo.

56
00:04:51,660 --> 00:04:57,390
se volessimo davvero andare sul sito web Corgies start com che non sono sicuro sia un vero sito web.

57
00:04:57,390 --> 00:04:58,750
Quindi, per risolvere il problema,

58
00:04:59,160 --> 00:05:06,750
Abbiamo bisogno di fare la barra delle barre di HTP e questo indica al browser che questo collegamento non è relativo a dove

59
00:05:06,750 --> 00:05:07,280
ci troviamo.

60
00:05:07,410 --> 00:05:12,210
È un percorso assoluto che significa solo andare a questo URL non provare e aggiungerlo alla fine di

61
00:05:12,210 --> 00:05:12,600
dove siamo.

62
00:05:12,780 --> 00:05:18,260
Quindi stiamo usando il protocollo HTP e lo faccio ora se ispezioniamo.

63
00:05:18,810 --> 00:05:21,400
Puoi vedere che è cambiato HGP.

64
00:05:21,660 --> 00:05:29,070
su una nuova scheda, Corgies dotcom non possiede nessuno che in realtà o qualcuno lo possiede ma non lo usa.

65
00:05:29,070 --> 00:05:30,000
E se clicchiamo

66
00:05:30,000 --> 00:05:32,690
È un peccato e vergogna.

67
00:05:32,700 --> 00:05:37,350
Quindi l'ultima cosa è solo per aggiornare questo link che non dice link a Google.

68
00:05:37,350 --> 00:05:38,850
Tutto ciò che dobbiamo fare è a.

69
00:05:39,000 --> 00:05:45,240
E abbiamo due scelte, ma il contenuto del testo di solito è l'opzione migliore per

70
00:05:45,270 --> 00:05:54,940
cambiare semplicemente il contenuto del testo, il contenuto del testo equivale al collegamento a corgi dot com e ora il nostro tag è cambiato.

71
00:05:54,960 --> 00:05:59,260
È l'attributo Atra e anche il contenuto interiore è cambiato.

72
00:06:00,030 --> 00:06:05,350
Quindi, per concludere, abbiamo attributo e attributo set e questi funzionano su qualsiasi attributo.

73
00:06:05,550 --> 00:06:11,400
Così l'ho mostrato per un Tref e per il codice sorgente, ma potresti usarlo se volessi cambiare un ID per cambiare una

74
00:06:11,430 --> 00:06:13,970
classe o qualsiasi altro attributo che è là fuori.

75
00:06:13,980 --> 00:06:18,120
Ce ne sono molti altri, ma questi sono quelli più comuni con cui lavorare