双击修改table里面的值

<script type="text/javascript">
/**
*双击调用修改操作
**/
var name;
var oChild;
var objAgo;
function update(obj){

	if(objAgo!=null){
		if(objAgo!=obj){
		huanyuan(objAgo);
		}else{
		//判断一个tr已经双击后不能再双击
			return;
		}
	}
setUp(obj);
}
//设置成修改的样式
function setUp(obj){
var length=obj.cells.length;//获得tr中td的个数

	for(var i=1;i<length;i++){
	//循环取出每个cells的firstChild的值
	
		name=obj.cells[i].firstChild.data;
		 
		if(name!=""&&name!=null){
		 oChild=document.createElement("<input name='name' value='"+name+"' size='10'>");
		 //更改方式采用replaceChild替换。replaceChild(oNewNode,oChild) 
		obj.cells[i].replaceChild(oChild,obj.cells[i].firstChild);
		objAgo=obj;
		}
		
	}

}
//还原
function huanyuan(obj){
var length=obj.cells.length;//获得tr中td的个数
	for(var i=1;i<length;i++){
		if(name!=""&&name!=null){
			if(oChild!=""&&oChild!=null){
			 var cell=document.createTextNode(name);
			 obj.cells[i].replaceChild(cell,oChild);
			}
		
		}
	}
}
</script>

 

 <table border="1" width="200" cellspacing="0" cellpadding="1">
  <tr>
  <th width="50">序号</th> <th width="150">姓名</th>
  </tr>
  
  <c:set var="i" value="1"></c:set>
  <c:forEach items="${persons}" var="person">
  <tr ondblclick="update(this)"  >
  <td>${i}</td><td title="双击修改"  >${person.name}
  <input type="hidden" name="id" value="${person.id}"> </td>
  </tr>
<c:set var="i" value="${i+1}"></c:set>
    </c:forEach>
 </table>

 这个只写了前面的处理，后面的就简单了。不知道这种写法怎样？