how to change these code to get with editable

Question

using below function iam retrieving data to front end of table

my need is after retrieve i need to edit or delete with help of one of the value of retrieved value.  

 

function addRow(tableid,result)

{

var table=document.getElementById("tableid");

var rowcount=table.rows.length;

var row=table.insertRow(rowcount);

var colcount=table.rows[0].cells.length;

for(var i=0;i<colcount;i++)

{

var newcell= row.insertCell(i);

switch(i)

{

case 0:

here i need get result with textbox not a lable how to get this else

 

i need to assign id to that label.  

 

newcell.innerHTML = result.empno;

break;

case 1:

newcell.innerHTML=result.degree;

break;

case 2:

newcell.innerHTML=result.year;

break;