web-dev-qa-db-fra.com

Que signifie == $ 0 (double = dollar zéro) dans Chrome Outils de développement?

Dans les outils de développement de Google Chrome, lorsque je sélectionne un élément, je vois ==$0 à côté de l'élément sélectionné. Qu'est-ce que ça veut dire?

Screenshot

291
oneNiceFriend

C'est le dernier index de nœud DOM sélectionné. Chrome attribue un index à chaque nœud DOM sélectionné. Ainsi, $0 désignera toujours le dernier nœud sélectionné, tandis que $1 désignera le nœud que vous avez sélectionné auparavant. Pensez-y comme une pile des nœuds les plus récemment sélectionnés.

Par exemple, considérons ce qui suit

<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>

Maintenant, vous avez ouvert la console devtools et sélectionné #sunday, #monday et #tuesday dans l'ordre indiqué, vous obtiendrez des identifiants comme:

$0 -> <div id="tuesday"></div> 
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>

Remarque: Il serait peut-être utile de savoir que le nœud est sélectionnable dans vos scripts (ou votre console). Par exemple, une utilisation courante de ce paramètre est le sélecteur d'élément angular. choisissez votre noeud et lancez ceci:

angular.element($0).scope()

Voilà, vous avez accès à la portée du nœud via la console.

275
deadlock

$ 0 renvoie le dernier élément ou objet JavaScript sélectionné, $ 1 renvoie le deuxième élément sélectionné, et ainsi de suite.

Reportez-vous à: Référence de l'API de ligne de commande

56
Ani Menon

Les autres réponses ici expliquent clairement ce que cela signifie. J'aime expliquer son utilisation.

Vous pouvez sélectionner un élément dans l'onglet elements et basculer sur l'onglet console en chrome. Il suffit de taper $0 or $1 ou un nombre quelconque et d'appuyer sur Entrée pour que l'élément soit affiché dans la console.

screenshot of chrome dev tools

23
Siva Prakash

Je dirai que c'est juste une syntaxe abrégée pour obtenir la référence d'un élément html pendant le temps de débogage, normalement ce genre de tâche sera exécuté par ces méthodes

document.getElementById , document.getElementsByClassName , document.querySelector

donc cliquer sur un élément html et obtenir une variable de référence ($ 0) dans la console est un gain de temps énorme pendant la journée

2
malbarmawi