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

Question

I am retrieving a div like so:

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

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

However the source code is not show what is in the div, but it is shown properly in the webpage.

This is what the source code shows:

 <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>

What I want is that the source code shows what is in the div. Is there a way to do that? Any help welcome.

The reason why I ask this is because google doesn't read the mark up of the structured data within this div. As it is not shown in the source code

Answer 1

In view source you can only see the things which are already existed. You cannot see dynamic content but if you want to inspect those dynamic content then use Developer tools of your browser

For the Firefox Right click on page and select Inspect Element option