Pages

Tuesday, September 13, 2011

Table Manipulation by Javascript

Hi Frnds . Today i am putting some Javascript basic table manipulation code . hope you like it
Delete Row from a table through Java script
Syntax : table Object.delete Row(index) 


function delRow()
{
document.getElementById('myTable').deleteRow(0)
}
Row1 cell1 Row1 cell2
Row2 cell1 Row2 cell2
Insert Row in A table 
Syntax: tableObject.insertRow(index)
function insRow()
{
document.getElementById('myTable').insertRow(0)
}
Row1 cell1 Row1 cell2
Row2 cell1 Row2 cell2

Create Cells in a Table 
Syntax: table Object.cells
function cell()
{
var x=document.getElementById('myTable').rows[0].cells;
alert(x[0].innerHTML);
}
cell 1 cell 2
cell 3 cell 4

2 comments: