由 JavaScript 检索的 Div 未显示在源代码中答案

【问题标题】：Div retrieved by JavaScript not showing up in source code由 JavaScript 检索的 Div 未显示在源代码中
【发布时间】：2020-07-09 20:58:06
【问题描述】：

我正在检索这样的 div：

window.onload=  function get_all(){
  function get_header(){
        $('#main_header').load('/Head_footer.php #head_main');
    }

    $(function() {
        get_header();
    }); };

但是源代码没有显示 div 中的内容，但在网页中正确显示。

这是源代码显示的内容：

 <div id="main_header"><script type="text/javascript">
    window.onload=  function get_all(){
      function get_header(){
            $('#main_header').load('/Head_footer.php #head_main');
        }
        $(function() {
            get_header();
        });
}; </script>
    </div>

我想要的是源代码显示 div 中的内容。有没有办法做到这一点？欢迎任何帮助。

我问这个的原因是因为谷歌没有读取这个 div 中结构化数据的标记。因为它没有在源代码中显示

【问题讨论】：

源不包含 DIV。它是通过 Head_footer.php 加载的。如果您在谷歌浏览器中加载页面，您可以右键单击并“检查元素”，这应该会显示加载页面的内容。
您在窗口加载后添加 div。因此，您的源代码已准备就绪，之后您将添加一个 div。所以，它不在源代码中。
@Gokul Shinde，你知道有没有办法在加载窗口之前加载它。
确定你的 dom 中有 #head_main 吗？
@fedeghe 很抱歉，不确定您的意思，它是从不同的页面加载的

标签： javascript html view-source-chart

【解决方案1】：

在查看源代码中，您只能看到已经存在的东西。您看不到动态内容，但如果您想检查这些动态内容，请使用浏览器的开发者工具

对于 Firefox 右键单击页面并选择 Inspect Element 选项

【讨论】：

在右键检查FF中的元素之前，需要安装firebug。
@GokulShinde ：默认情况下，Firefox 提供 Inspect Element (Q) 选项。如果您要安装 firebug，那么最后一个选项 Inspect Element with Firebug