title: HTML table creation with DOM
body: <p>Can anyone show me how to create this table with DOM html javascript. I've tried to make a function that finds an element by ID and adds to the existing <code>&lt;table class="overflow-y"&gt;&lt;/table&gt;</code> tags. However I can't find a way of viewing the html code I generating and don't know where I'm going wrong. </p>
  
  <pre><code>&lt;table id="mytable" class="overflow-y"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;corner&lt;/th&gt;&lt;th&gt;header1&lt;/th&gt;&lt;th&gt;header2&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;th&gt;row1&lt;/th&gt;&lt;td&gt;1-1&lt;/td&gt;&lt;td&gt;1-2&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
        &lt;th&gt;row2&lt;/th&gt;&lt;td&gt;2-1&lt;/td&gt;&lt;td&gt;2-2&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
        &lt;th&gt;row3&lt;/th&gt;&lt;td&gt;3-1&lt;/td&gt;&lt;td&gt;3-2&lt;/td&gt;&lt;
      &lt;/tr&gt;&lt;tr&gt;
        &lt;th&gt;row4&lt;/th&gt;&lt;td&gt;4-1&lt;/td&gt;&lt;td&gt;4-2&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
        &lt;th&gt;row25&lt;/th&gt;&lt;td&gt;5-1&lt;/td&gt;&lt;td&gt;5-2&lt;/td
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>