js修改table中Td的值(定义td的单击事件)

js修改修改table中中Td的值的值(定义定义td的单击事件的单击事件)

单击事件，将Td内容更新为一个Div，其中装载了一个Text，用于用户输入新的Td的值，一个确定按钮，一个取

消按钮，用于保存或取消用户的输入内容

项目做完，在测试验收时，用户突然提出，可以更改查询结果，便于打印。隐藏工程错误。但是这个时候提要求，比较头痛，

后来，想了想还是用前台代码，这样，只要在项目的JS文件中，加入以下几个函数，便可以解决了。

复制代码 代码如下:

/*

页面装载时，为每个td增加单击事件，这样，就可以不用对每个页面进行更改。

for(var j=0;j<tbmain.rows[i].cells.length;j++)

{

　　/*

添加单击事件属性。此处不可使用setAttribute方法。

*/

tbmain.rows[i].cells[j].onclick=AddObjOfText;

}

}

}

/*

var tdcag=document.getElementById("tdcag");

if(tdcag!=null)

{

return;

}

var tdid=window.event.srcElement;

var tdtxt=tdid.innerText;

var str="<div id='tdcag'><input type='text' id='txtId' value='"+tdtxt+"'>";

str+="<input type='button' value='确定' onclick='ChangeTdText()'>";

str+="<input type='button' value='取消' onclick='CancelTdChanged()'>";

*/

function CancelTdChanged()

{

var tdInitValue=document.getElementById("tdInitValue");

var tdtxt=tdInitValue.value;

var tdid=document.getElementById("tdcag").parentNode;

tdid.innerText=tdtxt;

}

/*

保存用户更改，把Text值赋值给Td

}