當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS代碼實現類C#GridView的編輯效果(1)

JS代碼實現類C#GridView的編輯效果(1)

2012/10/31 20:22:54作者：佚名來源：網絡

移動端

【實例名稱】

JS代碼實現類C#GridView的編輯效果(1)

【實例描述】

在c#中，單擊GridView的編輯按鈕可實現表格的編輯。本例通過一個表格和鏈接實現類似的功能。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test-學無憂（www.yzddtk.cn）</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>

【運行效果】

運行效果

【難點剖析】

本例的難點是獲取需要編輯的表格元素，并在其中動態添加一個輸入框。注意獲取表格元素的值可使用“innerHTML’’屬性。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性，你可以點擊：類C#GridView的編輯效果(1) 進行本實例源碼下載

標簽： JS代碼

上一篇：使用JavaScript向表格中寫入數據
下一篇：JS代碼實現類C#GridView的編輯效果(2)

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频