ie开发者工具，从控制台查找html元素

我在控制台中，通过脚本找到了一个有趣的HTML元素。或者我只是进来

document.getElementById("foo")

在控制台中。我得到的是一些元素属性的文本转储。例如：

[object HTMLDivElement] {
    align : "",
    noWrap : false,
    dataFld : "",
    dataFormatAs : "",
    dataSrc : "",
    currentStyle : [object MSCurrentStyleCSSProperties],
    runtimeStyle : [object MSStyleCSSProperties],
    accessKey : "",
    classList : tabbar,
    className : "tabbar"
    ...
}
Add to watch

---

从这里开始，我要做的是在HTML面板中查找该元素。这可能吗？

鉴于ID是唯一的，因此文档中应该只有一个ID，您需要查找：

• 将焦点放在HTML选项卡上
• 点击Ctrl-F并输入“foo”

---

我不知道有什么自动的方法可以通过控制台关注HTML窗格中的元素。

元素的ID应该是唯一的，因此，您应该能够在DOM资源管理器中找到它。DOM Explorer还支持使用JavaScript动态创建的元素（我已经在IE 11.0.7上对此进行了测试）

---

因此，转到DOM资源管理器，使用页面右侧的搜索框查找ID为“foo”的元素。

使用getElementById只是一个例子，可能是一个很差的例子。让我们将这个示例更改为一个通过查找一些js数据结构来查找html元素的示例。是的，我可以搜索一些相对独特的属性字符串，但这不是我想要的。例如，在firebug中，我只需单击控制台中的条目，就可以进入html检查器。在chrome中，我可以右键单击并“在元素面板中显示”。我希望有类似的东西，我就是找不到。这是一个非常有用的功能，我在Firefox中使用过很多次。不幸的是，据我所知，IE没有这样的功能。IE中的开发工具不如FF和Chrome中的工具有用。