title: Iterate a JSON object and appendChild to DIV
body: <p>I have a JSON object eg:</p>
  
  <pre><code>{ Naam: "bert", Achternaam: "Kopers"}
  </code></pre>
  
  <p>I would like to render this to a DIV element on my HTML page. It should look like this:</p>
  
  <pre><code>   &lt;div id = "contents&gt;
          &lt;div class="setting-label"&gt;
              Naam
          &lt;/div&gt;
          &lt;div class="setting-value"&gt;
              bert    
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="setting-row"&gt;
              &lt;div class="setting-label"&gt;
                  AchterNaam
              &lt;/div&gt;
              &lt;div class="setting-value"&gt;
                  kopers  
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Preferably I would like to this without innerHTML. So with appendChild. How does the code look like?</p>