 <p>You can loop through your array elements and add <code>&lt;tr&gt;</code> to them for each row.</p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>var arr = ["&lt;td&gt;200&lt;/td&gt;&lt;td&gt;I3&lt;/td&gt;&lt;td&gt;NAME NAME 1&lt;/td&gt;&lt;td&gt;EXTRA 1&lt;/td&gt;", "&lt;td&gt;100&lt;/td&gt;&lt;td&gt;I2&lt;/td&gt;&lt;td&gt;NAME NAME 2&lt;/td&gt;&lt;td&gt;EXTRA 2&lt;/td&gt;"]; var str = ""; var table = document.getElementById("myTable"); for(var i = 0; i &lt; arr.length; i++) str += "&lt;tr&gt;"+arr[i]+"&lt;/tr&gt;"; table.innerHTML = str;</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="myTable"&gt;&lt;/table&gt;</code></pre> </div> </div> </p>