title: Showing Javascript Object Key/Value Pair on Webpage
body: <h3>I am trying to display/append my Java script object on the webpage. I want to display each key and it's corresponding value.</h3>
  
  <p>Most of the questions that are similar to mine only have answers that suggest to log it to the console or alert it. Unfortunately, this is not what I want.</p>
  
  <p>I have also tried <code>JSON.stringify()</code>, however this seems to just display a blog of text. If <code>JSON.stringify()</code> is the only way to print/output the objects key/values pairs to the document, is there anyway to style it?</p>
  
  <p>The following is some that I have tried but with no prevail.</p>
  
  <pre><code>JSON.stringify(object, null, 4));
  
  object.__proto__.toString();
  </code></pre>
  
  <p>Here is an example of what I want:</p>
  
  <pre><code>Name: John
  Name: Bob
  Name: Thomas
  </code></pre>
  
  <p>Without any <code>JSON</code> format curly brackets or any other formatting. Just plain text.</p>
  
  <p><strong>EDIT:</strong> I am indeed familiar with <code>document.write()</code>, this is not a solution. I need to <strong>APPEND</strong> to a web page that already has content, the key and value pairs of my Javascript object.</p>
  
  <p>The Javascript object is dynamic and has a unknown length.</p>
  
  <p>Something like this:</p>
  
  <pre><code>$('#container').html(object);
  $('#container').append(object);
  </code></pre>