Negli strumenti per sviluppatori di Google Chrome, quando seleziono un elemento, vedo ==$0
accanto all'elemento selezionato. Cosa significa?
Negli strumenti per sviluppatori di Google Chrome, quando seleziono un elemento, vedo ==$0
accanto all'elemento selezionato. Cosa significa?
Risposte:
È l'ultimo indice nodo DOM selezionato. Chrome assegna un indice a ciascun nodo DOM selezionato. Quindi $0
indicherà sempre l'ultimo nodo selezionato, mentre $1
indicherà il nodo selezionato prima. Pensalo come uno stack degli ultimi nodi selezionati.
Ad esempio, considerare quanto segue
<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>
Ora hai aperto la console di devtools e selezionato #sunday
, #monday
e #tuesday
nell'ordine indicato, otterrai ID come:
$0 -> <div id="tuesday"></div>
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>
Nota: potrebbe essere utile sapere che il nodo è selezionabile nei tuoi script (o console), ad esempio un uso popolare per questo è il selettore di elementi angolari, quindi puoi semplicemente scegliere il tuo nodo ed eseguire questo:
angular.element($0).scope()
Hai ottenuto l'accesso all'ambito del nodo tramite console.
== $0
nell'interfaccia utente? Chiunque sappia $0
già saprà quale elemento è, ed è insignificante per chiunque non lo sappia.
$ 0 restituisce l'elemento o l'oggetto JavaScript selezionato più di recente, $ 1 restituisce il secondo elemento selezionato più di recente e così via.
Consultare: Riferimento API della riga di comando
Le altre risposte qui spiegano chiaramente cosa significa. Mi piace spiegarne l'uso.
Puoi selezionare un elemento nella elements
scheda e passare alla console
scheda in Chrome. Basta digitare $0 or $1
o qualunque numero e premere invio e l'elemento verrà visualizzato nella console per l'uso.
Internamente, Chrome mantiene uno stack, dove $ 0 è l'elemento selezionato, $ 1 è l'elemento che è stato selezionato l'ultima volta, $ 2 sarebbe quello che è stato selezionato prima di $ 1 e così via.
Ecco alcune delle sue applicazioni:
Dirò che è solo una sintassi abbreviata per ottenere il riferimento dell'elemento html durante il tempo di debug, normalmente questo tipo di attività eseguirà con questo metodo
document.getElementById , document.getElementsByClassName , document.querySelector
quindi fare clic su un elemento html e ottenere una variabile di riferimento ($ 0) nella console è un enorme risparmio di tempo durante il giorno
$0
nella console e vedi cosa succede;)