html表格如何进行编辑,JavaScript简单表格编辑功能实现方法

function getInnerHTML()

{

alert(document.getElementById("tr2").innerHTML);

}

function insCell()

{

var x=document.getElementById('tr2').insertCell(0)

x.innerHTML="Table Row, Table Cell"

}

function delCell()

{

document.getElementById('tr2').deleteCell(0)

}

function deleteCaption()

{

document.getElementById('myTable').deleteCaption()

}

function createCaption()

{

var x=document.getElementById('myTable').createCaption()

x.innerHTML="My Table"

}

function delRow()

{

document.getElementById('myTable').deleteRow(0)

}

function insRow()

{

var x=document.getElementById('myTable').insertRow(0);

var y=x.insertCell(0);

var z=x.insertCell(1);

y.innerHTML="New Cell 1";

z.innerHTML="New Cell 2";

}

Row1 cell1	Row1 cell2
Row2 cell1	Row2 cell2
Row3 cell1	Row3 cell2

Table Controler
value="Create caption">	value="Delete caption" />
value="Alert innerHTML of table row" />
value="Insert row">	value="Delete first row">
value="Insert cell">	value="Delete cell">