这似乎应该非常简单，但它让我打败了。
我希望能够在 firebug 控制台中（以视觉方式）探索 DOM 树，就像我可以探索 html 页面一样。当我点击 DOM 面板（所有选项都设置为“显示”）时，我可以看到我的 jQuery 和 Javascript 对象。（它们在列表顶部突出显示），但我看不到我的页面节点（例如页眉 div、页脚 div、h1 元素）。
还有其他条目，例如窗口、文档等，它们看起来很有希望，但似乎并没有带我去任何地方（除了循环之外）。
如果我在 HTML 面板中选择一个元素，然后在屏幕的右侧选择 DOM，它会显示“此对象没有要显示的属性”。这对我来说也不对。
我错过了什么？
当您转到 DOM 面板时，默认情况下您会看到window全局对象的属性。要在此处找到您的 HTML 节点，您必须document从windows 后代中选择，然后选择heador body- 然后在每个级别中您可以进一步展开childNodesor children。
接下来，当您在 HTML 面板中选择某些内容时，您可以右键单击它并选择“在 DOM 面板中检查”。
最后但并非最不重要的一点是，当您在 HTML 面板中有一个项目时，比如说textarea或选择了一个项目，您可以在 Firebuginput中引用它。$0然后您可以通过编写$0.value等来检查其所有 DOM 属性。注意面板名称左侧的“显示命令行弹出窗口”按钮，这样可以同时查看控制台和 HTML 面板。
此外，您可以转到 DOM 面板并使用 Firebug 的“检查元素”按钮在页面上定位，使用鼠标，您想在 DOM 面板中查看特定元素。
转到 Firebug 中的 DOM 按钮。在您的搜索区域中输入“ document”。点击' +'符号并打开它。单击“ body”，以此类推。一切都从' window'开始。
暗示：
大多数时候window是隐含的，所以你不必说window.document.getElementById();，甚至window.onload = function(){*stuff here*/}。不过，您必须说明window.onload您的测试是否存在。document是的一个属性，window有一系列自己的属性和方法。