Javascript 为什么在源代码中看不到DOM结构？

如果我在一些网站（例如keep.google.com）上点击

右键单击->查看源代码，我就看不到DOM。我得到的是一堆JavaScript，而不是
…
结构。但是，如果我去
右键单击->检查元素
，我可以使用Chrome开发者工具访问DOM

1） 为什么我不能从源代码访问DOM

2） 如何以编程方式访问DOM

我看过一些node.js教程，但我不知道我的方法是否正确。
如果您的HTML是使用JavaScript动态生成的，那么最终的HTML将不会显示在服务器的原始源代码中。但是在DevTools中，您将能够在创建这些动态创建的元素之后检查它们

查看源代码
选项直接从服务器显示源代码

Inspect元素
选项显示当前DOM，包括所有动态创建的元素


是否有一种方法可以通过使用例如JavaScript从动态创建的网站获取特定元素

没有某种类型的系统来运行JavaScript代码，等等，不，不是真的。这是一个非常复杂的情况。这就是为什么出于SEO目的，动态创建的元素仍然有点不被鼓励。大型爬虫已经学会了如何通过运行JavaScript代码，然后查看DOM结果来检测那些动态创建的元素

你可以研究某种类型的无头浏览器系统或类似的东西。当然，这可能会带来一些安全问题。
如果您的HTML是用JavaScript动态生成的，那么最终的HTML将不会显示在服务器的原始源代码中。但是在DevTools中，您将能够在创建这些动态创建的元素之后检查它们

查看源代码
选项直接从服务器显示源代码

Inspect元素
选项显示当前DOM，包括所有动态创建的元素


是否有一种方法可以通过使用例如JavaScript从动态创建的网站获取特定元素

没有某种类型的系统来运行JavaScript代码，等等，不，不是真的。这是一个非常复杂的情况。这就是为什么出于SEO目的，动态创建的元素仍然有点不被鼓励。大型爬虫已经学会了如何通过运行JavaScript代码，然后查看DOM结果来检测那些动态创建的元素

你可以研究某种类型的无头浏览器系统或类似的东西。当然，这可能会带来一些安全问题。
按浏览器上的F12键，它会打开开发人员工具。根据您使用的浏览器，您将有不同的选项卡，可以在其中调试Javascript

1） 点击“元素”选项卡，而不是查看源。
右键单击浏览器中打开此选项卡的特定元素，然后选择检查元素的选项将带您进入该元素


2） 要以编程方式访问DOM（或调试代码），应点击“源代码””选项卡。
您必须打开特定文件并放置调试点（如适用），然后按F11键转到下一个点，按F8键转到下一个调试点以及其他事项

您还可以添加console.log（）以查看特定的数据点，而无需手动调试

按浏览器上的F12键，它将打开开发人员工具。根据您使用的浏览器，您将有不同的选项卡，可以在其中调试Javascript

1） 点击“元素”选项卡，而不是查看源。
右键单击浏览器中打开此选项卡的特定元素，然后选择检查元素的选项将带您进入该元素


2） 要以编程方式访问DOM（或调试代码），应点击“源代码””选项卡。
您必须打开特定文件并放置调试点（如适用），然后按F11键转到下一个点，按F8键转到下一个调试点以及其他事项

您还可以添加console.log（）以查看特定的数据点，而无需手动调试

JavaScript用于动态构建DOM源代码中没有DOM。源代码是文本。文档对象模型是浏览器中的对象，它是从初始源创建的，并在事实发生后进行修改。@Taplar，ic3b3rg谢谢你们。是否有一种方法可以访问动态创建的页面中的特定元素？是的，有许多不同的方法。如果您不熟悉这一点，那么您需要找到javascript的初学者教程。javascript用于动态构建DOM源代码中没有DOM。源代码是文本。文档对象模型是浏览器中的对象，它是从初始源创建的，并在事实发生后进行修改。@Taplar，ic3b3rg谢谢你们。是否有一种方法可以访问动态创建的页面中的特定元素？是的，有许多不同的方法。如果你不熟悉，那么你需要找到一个javascript初学者教程。谢谢你的回答。有没有一种方法可以通过使用JavaScript从动态创建的网站中获取特定元素？@Tahtakafa我想你指的是网页抓取，因为你的问题被标记为这样。没有某种类型的系统来运行JavaScript代码，等等，不，不是真的。这是一个非常复杂的情况。这就是为什么出于SEO目的，动态创建的元素仍然有点不被鼓励。大型爬虫已经学会了如何通过运行JavaScript代码来检测那些动态创建的元素，然后查看DOM结果。感谢您的回答。有没有一种方法可以通过使用JavaScript从动态创建的网站中获取特定元素？@Tahtakafa我想你的意思是