title: Add row into existing table
body: <p>May I know how do I insert items into my table body? My code doesn't seems to work. </p>
  
  <pre class="lang-js prettyprint-override"><code>var tableRef = document.getElementById("myList").getElementsByTagName("tbody");
  
  var newRow = tableRef.insertRow(tableRef.rows.length);
  
  var newCell = tableRef.insertCell(0);
  
  var myTextTwo = "hello world";
  
  var newText = document.createTextNode(myTextTwo);
  
  newCell.appendChild(newText);
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table id="myList"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;td&gt;Product ID&lt;/td&gt;
        &lt;td&gt;Product Name&lt;/td&gt;
        &lt;td&gt;Quantity&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
  
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>