not increment in row in ie8 browser. var new_row = x.rows[1].cloneNode(true); var len = x.rows.length;
<pre><code>&lt;script type="text/javascript"&gt;




function deleteRow(row) {
    var x = document.getElementById('bom_table');        
    document.getElementById('bom_table').deleteRow(i);

    }


}


function insRow() {

    var x = document.getElementById('bom_table');
    var len = x.rows.length;
    // deep clone the targeted row
    var new_row = x.rows[len].cloneNode(true);
    // get the total number of rows

    // set the innerHTML of the first row 
    new_row.cells[0].innerHTML = len;


    // grab the input from the first cell and update its ID and value
    var inp1 = new_row.cells[1].getElementsByTagName('input')[0];
    inp1.id += len;
    inp1.value = '';

    // grab the input from the first cell and update its ID and value
    var inp2 = new_row.cells[2].getElementsByTagName('input')[0];
    inp2.id += len;
    inp2.value = '';

    // grab the input from the first cell and update its ID and value
    var inp3 = new_row.cells[3].getElementsByTagName('input')[0];
    inp3.id += len;
    inp3.value = '';

    // grab the input from the first cell and update its ID and value
    var inp4 = new_row.cells[4].getElementsByTagName('input')[0];
    inp4.id += len;
    inp4.value = '';

    // grab the input from the first cell and update its ID and value
    var inp5 = new_row.cells[5].getElementsByTagName('input')[0];
    inp5.id += len;
    inp5.value = '';

    // append the new row to the table
    x.appendChild(new_row);


}

    });
&lt;/script&gt;
</code></pre>
