JScript实现表格的简单操作

本文实例为大家分享了JScript实现表格的简单操作，供大家参考，具体内容如下

创新互联建站专注于企业全网营销推广、网站重做改版、江北网站定制设计、自适应品牌网站建设、H5页面制作、商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为江北等各大城市提供网站开发制作服务。

实现思路：

1、添加时：获取当前列表的行数，在当前一行添加下一行；
2、用insertCell()方法添加一行，下标从0开始，
3、若要给新一行添加类型、响应事件，就用setAttribute（）方法，类似于键值对，并用appendChild（）方法将数据保存到新一行
4、删除时：获取需要删除行的当前行数this，然后获取父节点，把整一行删掉remove（），而不是单单删除某一行的单个数据
5、修改时：获取当前修改行的行数索引，点击修改时，把表格状态转换为文本格式，并把“修改”改为“确定”

实现代码：

  
    
    
    
    
  
  
    
      

        

          

            全选
          
            
商品名称
            
数量
            
单价
            
操作
          
        

          

          
娃哈哈
          
10
          
2
          

        

      
      添加商品
    
  

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