title: Display element from other page on my site with .document.getElementById
body: <p>I have been searching about this subject now for quite a few days. And could not find a working or conclusive answer.</p>
  
  <p>What I want to do, is to simply display the (styled) summary of the latest blog entry (from the blog page on my own site) in a div container on the front page of my site (which is not my blog). All active links of that mirrored blog entry ideally lead to the appropriate section of my blog page. That is however not a must, as long as the entire entry can link to the blog page.</p>
  
  <p>Each  blog entry summary on the blog summary page has a unique ID, sorted by numbers (e.g. <code>unique-ID-51</code> (latest) <code>unique-ID-50</code> (the one before) etc.)
  I was thinking of doing so with the <code>document.getElementById</code> JS command. </p>
  
  <p>I would have to point the JS function to a relative location (<code>../blog_folder/blog_summary.html</code>) with maybe the <code>.window.location.assign</code>
   command, than grab the (styled) contents of the latest element and display that on my front page.</p>
  
  <p>But I have no idea how that code would look in reality. Can you point me in the right direction?</p>
  
  <p>Thank you !!!!!!!</p>
  
  <p>M.</p>