Question

我在控制台中，通过我的脚本找到一个有趣的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面板中找到该元素。这可能吗？

Answer 1

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

因此，转到DOM-Explorer，并使用页面右侧的搜索框找到ID为＃34; foo＆＃34;的元素。

Answer 2

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

将焦点放在HTML标签
按Ctrl-F并输入“foo”

我不知道通过控制台关注HTML窗格中的元素的任何自动方式。

即开发人员工具，从控制台中查找html元素

2 个答案: