Hi, I have one table it's contains five row.i would like to add the new row in the exiting table.. please see the below table structure. .i would like to add the Row in after first Row. tr details available int the local variable .So,i would like to add the below row into the exiting table.

var Row_details='<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td></tr>';


1  | 2 | 3| 4| 5 |
------------------
a  | b |c |d | e|
------------------
a  | b |c |d | e|
------------------

Try this:

<script type="text/javascript">
<!--
function addToTable()
{
 var tableElement = document.getElementById('Table1');
 var rowPosition = 0; // Position to insert the row...
 var rowElement = tableElement.insertRow(rowPosition);

 var numberOfColumns = 5; // Number of columns to insert...

 for (j=0; j<numberOfColumns; j++)
 {
  var  columnElement = rowElement.insertCell(j);
 
  var cellData = '&nbsp;';

  switch ( i )
  {
   case 0':
    cellData = 'a';
    break; 
   case 1':
    cellData = 'b';
    break; 
   case 2':
    cellData = 'c';
    break; 
   case 3':
    cellData = 'd';
    break; 
   case 4':
    cellData = 'e';
    break; 
  }

  if ( columnElement.textContent )
   columnElement.textContent = cellData;
  else if ( columnElement.innerText )
   columnElement.innerText = cellData;
  else
   columnElement.innerHTML = cellData;
 }
}
// -->
</script>

NC...