JS动态创建TABLE双击可编辑状态

参考： http://www.cnblogs.com/sixiweb/archive/2009/03/07/1405513.html

var existTR=document.getElementById("newTR"+row);
    var existTd0=null;

existTd0.οndblclick=function(){OnEditCells(this)};

。。。

    //当用户双击单元格的时候，单元格内显示textbox，value为原来单元格中的值

    //如果用户再次双击单元格的时候，就会出问题，textbox中的内容就乱了。如何防止，我还没想出来。

function OnEditCells(thisCells)

{

    thisCells.innerHTML="<input type=\"text\" id=\"TextBox1"+thisCells.id+"\" value=\""+thisCells.innerHTML+"\" οnblur=\"thisTextBoxOnblur(this)\" />";
    document.getElementById("textBox1"+thisCells.id).focus();

}

 //当文本框失去焦点后，将修改后的值保存到隐藏控件中。并将单元格的内容变回原来的内容。

function thisTextBoxOnblur(thisTextBox)
{
    var thisCellsID=thisTextBox.id;
    thisCellsID=thisCellsID.substring(8,11);
    document.getElementById("HValue").value=thisTextBox.value;
    document.getElementById(thisCellsID).innerHTML=document.getElementById("HValue").value;
}