JS制作可编辑表格<html>
JS制作可编辑表格
<head>
JS制作可编辑表格
<title></title>
JS制作可编辑表格
JS制作可编辑表格
</head>
JS制作可编辑表格
JS制作可编辑表格
<body>
JS制作可编辑表格    
<table id="editTable" border="1">
JS制作可编辑表格        
<tr>
JS制作可编辑表格            
<td>aaaaaaa</td>
JS制作可编辑表格            
<td>bbbbbbb</td>
JS制作可编辑表格            
<td>ccccccc</td>
JS制作可编辑表格        
</tr>
JS制作可编辑表格        
<tr>
JS制作可编辑表格            
<td>ddddddd</td>
JS制作可编辑表格            
<td>eeeeeee</td>
JS制作可编辑表格            
<td>fffffff</td>
JS制作可编辑表格        
</tr>
JS制作可编辑表格        
<tr>
JS制作可编辑表格            
<td>gggggggg</td>
JS制作可编辑表格            
<td>hhhhhhhh</td>
JS制作可编辑表格            
<td>iiiiiiii</td>
JS制作可编辑表格        
</tr>
JS制作可编辑表格    
</table>
JS制作可编辑表格
</body>
JS制作可编辑表格
</html>
JS制作可编辑表格
JS制作可编辑表格
<script>
JS制作可编辑表格
JS制作可编辑表格
JS制作可编辑表格  
JS制作可编辑表格
JS制作可编辑表格    
//dom创建文本框
JS制作可编辑表格
    
JS制作可编辑表格    
var input = document.createElement("input");
JS制作可编辑表格    input.type
="text" ;
JS制作可编辑表格    
JS制作可编辑表格  
JS制作可编辑表格     
JS制作可编辑表格    
//得到当前的单元格
JS制作可编辑表格
    var currentCell ; 
JS制作可编辑表格    
function editCell(event)
>

 

双击表格的单元格后出现一个文本框,用户编辑完成后将用户添的值重新给这个单元格。该功能结合Ajax 可以

同一个页面上完成对数据的修改功能,非常实用。

 

相关文章: