Javascript 如何在Chrome扩展中获得实际的HTML元素，而不是原始源代码

我正在做一个Chrome扩展

在Chrome的Inspect Elements面板中，底部将显示HTML页面的所有元素

如何在JavaScript中获取所有这些元素

页面的原始源代码不包含所有元素

如何在我的Chrome扩展中获取Inspect elements中显示的所有元素

---

查看这些图片：由JavaScript添加

任何用于从Chrome扩展检查文档的技术都会自动查看文档，就像您在document inspector中看到的一样。您无需执行任何特定操作。由浏览器或JavaScript创建的所有元素都将在那里。例如，您可以使用

document.querySelectorAll（'*'）

获取包含所有这些内容的类似数组的对象，或者使用

document.body.outerHTML

获取HTML代码

---

如果您想要获得原始的、未经更正的源代码，那么更困难的任务实际上是。

我只需要使用JavaScript

文档。getElementsByTagName（“html”）[0]

就可以得到我想要的一切

---

我不知道昨天为什么没有得到正确的结果。

你能提供一个元素的示例吗？

获取所有元素

-获取位置？你说的“得到”是什么意思<代码>源代码不包括所有元素-哪个源代码？嗯。。。。这个问题没有多大意义，但要获得当前页面中所有HTML元素的数组，可以调用document.querySelectorAll（'*'）；元素在chrome中按F12键，内容在“元素”选项卡中。和源代码，在网页上按鼠标右键，选择显示源代码。