HTML and JavaScript auto increment number for Table

HTML and JavaScript auto increment number for Table:
 
<table>
  <tr>
    <td>Raj</td>
  </tr>
  <tr>
    <td>Kiran</td>
  </tr>
  <tr>
    <td>Peter</td>
  </tr>
  <tr>
    <td>Mahesh</td>
  </tr>
</table>
<script>
    var tables = document.getElementsByTagName(‘table’);
    var table = tables[tables.length -1];
    var rows = table.rows;
    for(var i = 0, td; i < rows.length; i++){
        td = document.createElement(‘td’);
        td.appendChild(document.createTextNode(i + 1));
        rows[i].insertBefore(td, rows[i].firstChild);
    }
</script>

Anu

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.