การแทรก tr และ td ลงในตาราง สามารถกำหนดตำแหน่งที่ต้องการจะแทรกได

<script>
        function InsertNewRow () {
            // ตาราง
            var table = document.getElementById ("table");
            // แทรกแถวลงในตารางที่แถว 1
            var row = table.insertRow(1);
            // แทรกคอลัมน์แรก (0) ลงในแถวที่สร้างใหม่
            var cell = row.insertCell(0);
            // ใส่ข้อความลงในตาราง
            cell.appendChild(document.createTextNode('แถว ' + table.rows.length))
        }
</script>
<button onclick="InsertNewRow ();">แทรกแถวใหม่</button>
<table id="table">
      <tbody>
            <tr>
                <td>แถวแรก</td>
            </tr>
            <tr>
                <td>แถวสุดท้าย</td>
            </tr>
      </tbody>
</table>