js+Html实现表格可编辑操作

本文实例为大家分享了js+Html实现表格可编辑操作的具体代码，供大家参考，具体内容如下

功能描述：单击页面使单元格td变成可编辑状态，输入内容后，当单元格失去焦点时，保存输入的内容。
点击增加行，在table的末尾增加一行；点击删除行，删除table中最末尾的一行。     

  
      
      
      
      
    
      
      
      
    
  
    
可编辑的表格
  
    
  
        
  
          
  
          
序号
  
          
商品名称
  
          
数量
  
          
单价
  
          
合计
  
        
  
        
  
          
  
          
1
  
          
C
  
          
0
  
          
0
  
          
0
  
        
  
        
  
          
  
          
2
  
          
D
  
          
0
  
          
0
  
          
0
  
        
  
    
  
      
    
  
      
      
      
      
    
  
      
      
      
      
 

效果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。