在 Chrome 开发人员工具中，==$0（双倍等于零美元）是什么意思？
What does ==$0 (double equals dollar zero) mean in Chrome Developer Tools?
在 Google Chrome 的开发者工具中，当我 select 一个元素时，我在 selected 元素旁边看到 ==[=11=]。这是什么意思？
这是最后一个 selected DOM 节点索引。 Chrome 为您 select 的每个 DOM 节点分配一个索引。因此 [=13=] 将始终指向您 selected 的最后一个节点，而 </code> 将指向您在此之前 selected 的节点。可以把它想象成一堆最近 selected 的节点。</p>
<p>例如，考虑以下内容</p>
<pre><code><div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>
现在您打开了 devtools 控制台并按上述顺序 selected #sunday、#monday 和 #tuesday，您将获得如下 ID：
[=11=] -> <div id="tuesday"></div>
-> <div id="monday"></div>
-> <div id="sunday"></div>
注：
知道该节点在您的脚本（或控制台）中是 select 可能是有用的，例如一个流行的用途是 angular 元素 select 或者，所以您可以简单地选择您的节点，以及 运行 这个：
angular.element([=12=]).scope()
瞧，您可以通过控制台访问节点范围。
[=10=] returns the most recently selected element or JavaScript object,
returns the second most recently selected one, and so on.
这里的其他答案都清楚地解释了它是什么mean.I喜欢解释它的用途。
您可以 select elements 选项卡中的元素并切换到 chrome 中的 console 选项卡。只需输入 [=12=] or 或任何数字，然后按回车键，该元素就会显示在控制台中供您使用。
我会说这只是在调试期间获取 html 元素引用的 shorthand 语法，通常这些任务将通过这些方法执行
document.getElementById , document.getElementsByClassName , document.querySelector
因此，单击 html 元素并在控制台中获取参考变量 ($0) 可以在白天节省大量时间
这是 Chrome 的提示，告诉您如果您在控制台上键入 $0，它将等同于该特定元素。
在内部，Chrome维护了一个栈，其中[=10=]是选中的元素，</code>是最后选中的元素，<code>是那个在</code>之前被选中，依此类推。</p>
<p>以下是它的一些应用：</p>
<ul>
<li>正在从控制台访问 DOM 元素：<code>[=10=]
从控制台访问他们的祖先：[=15=].parentElement
正在从控制台更新它们的属性：.classList.add(...)
从控制台添加/更新元素的样式：[=17=].style.backgroundColor="aqua"
正在从控制台触发 JS 事件：[=18=].click()
并做很多更复杂的事情，例如：[=19=].appendChild(document.createElement("div"))
观看所有这些动作：
支持声明：
是的，我同意有更好的方法来执行这些操作，但此功能在某些复杂的场景中会派上用场，例如当 DOM 元素需要可以单击，但无法从 UI 执行此操作，因为它被其他元素覆盖，或者由于某种原因，当时在 UI 上不可见。
在 Google Chrome 的开发者工具中，当我 select 一个元素时，我在 selected 元素旁边看到 ==[=11=]。这是什么意思？
这是最后一个 selected DOM 节点索引。 Chrome 为您 select 的每个 DOM 节点分配一个索引。因此 [=13=] 将始终指向您 selected 的最后一个节点，而 </code> 将指向您在此之前 selected 的节点。可以把它想象成一堆最近 selected 的节点。</p>
<p>例如，考虑以下内容</p>
<pre><code><div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>
现在您打开了 devtools 控制台并按上述顺序 selected #sunday、#monday 和 #tuesday，您将获得如下 ID：
[=11=] -> <div id="tuesday"></div>
-> <div id="monday"></div>
-> <div id="sunday"></div>
注： 知道该节点在您的脚本（或控制台）中是 select 可能是有用的，例如一个流行的用途是 angular 元素 select 或者，所以您可以简单地选择您的节点，以及 运行 这个：
angular.element([=12=]).scope()
瞧，您可以通过控制台访问节点范围。
[=10=] returns the most recently selected element or JavaScript object, returns the second most recently selected one, and so on.
这里的其他答案都清楚地解释了它是什么mean.I喜欢解释它的用途。
您可以 select elements 选项卡中的元素并切换到 chrome 中的 console 选项卡。只需输入 [=12=] or 或任何数字，然后按回车键，该元素就会显示在控制台中供您使用。
我会说这只是在调试期间获取 html 元素引用的 shorthand 语法，通常这些任务将通过这些方法执行
document.getElementById , document.getElementsByClassName , document.querySelector
因此，单击 html 元素并在控制台中获取参考变量 ($0) 可以在白天节省大量时间
这是 Chrome 的提示，告诉您如果您在控制台上键入 $0，它将等同于该特定元素。
在内部，Chrome维护了一个栈，其中[=10=]是选中的元素，</code>是最后选中的元素，<code>是那个在</code>之前被选中，依此类推。</p>
<p>以下是它的一些应用：</p>
<ul>
<li>正在从控制台访问 DOM 元素：<code>[=10=]
[=15=].parentElement.classList.add(...)[=17=].style.backgroundColor="aqua"[=18=].click()[=19=].appendChild(document.createElement("div"))观看所有这些动作：
支持声明：
是的，我同意有更好的方法来执行这些操作，但此功能在某些复杂的场景中会派上用场，例如当 DOM 元素需要可以单击，但无法从 UI 执行此操作，因为它被其他元素覆盖，或者由于某种原因，当时在 UI 上不可见。