js实现点击修改按钮之后单元格变成可编辑状态

主要实现原理：

每一行有一个修改按钮 点击修改之后，获取行对象，通过行对象再获取行中单元格数组。然后把每一个单元格中的innerHTML替换成input输入框，并赋值value=原来单元格中的内容，鼠标移开之后还原。

效果图：点击之前

           点击之后

　　　　修改之后移开失去焦点：

这里应该还要当鼠标移开之后也就是失去焦点事件就触动函数，用ajax把数据提交到数据中去，并且输入框变回到原来的形式

 完整代码:

 1 "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 
 4 
 5     
 6     8>
 7      
32 
33 
34     35363738394041

         

             
123
             
123
             
123
             
"button" οnclick="xiugai(this)" value="修改"/>
         
     
42 
43 

 

转载于:https://www.cnblogs.com/minesnil-forfaith/p/3595367.html