JS代码实现类C#GridView的编辑效果(1)

2012/10/31 20:22:54作者：佚名来源：网络

移动端

【实例名称】

【实例描述】

在c#中，单击GridView的编辑按钮可实现表格的编辑。本例通过一个表格和链接实现类似的功能。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test-学无忧（www.xue51.com）</title>
</head>
<body>
<table>
    <tr><td id="td1">张三</td>
    <td><a href="javascript:edit()">编辑</a></td></tr>
</table>
<script language="javascript">
function edit()
{
    var cell = document.getElementById('td1');　　
//获取表格
    var v = cell.innerHTML;　　　　　　　　　　　
//获取表格的内容
    cell.innerHTML = '<input type="text" name="text1" id="text1">'; 
 //动态添加文本框
    document.getElementById('text1').value = v;　　　　　　　　　　　
//设置文本框的值
}
</script>
</body>
</html>

【运行效果】

运行效果