如何获得控制台变量中表示的div的可视引用

Question

这个问题涉及Firefox和Chrome。虽然如果你想在答案中包含其他浏览器，那就太棒了（虽然我绝对想要Chrome和FF！）。调试我的HTML＆amp; Javascript应用程序，我经常在我的控制台中使用引用页面上的div的变量。但是，我经常不知道如何确定它实际引用的div。是否有一些可以获得视觉参考？例如，我有一个名为myDiv的变量。我知道这是页面上的一个div，虽然我不知道哪一个。也许有一个特殊的浏览器命令，如myDiv.hilight()，它将在视觉上突出显示该页面上的div。

Answer 1

好吧，如果你在控制台中输入myDiv，并且它返回一个属于HTML结构的元素，那么当你将鼠标悬停在返回的元素上时（在Chrome控制台中），它会突出显示该元素。页。

这有点难以解释，但如果变量是myDiv，请尝试输入myDiv并在Chrome开发者控制台中按Enter键。当它输出一个元素时，将光标悬停在它上面。

如果变量不是全局变量，则可以在脚本中使用console.log(myDiv)来实现相同的结果，因此无法直接从Chrome控制台访问。