一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JScript实现表格的简单操作

时间:2017-08-16 编辑:猪哥 来源:一聚教程网

实现思路:

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

实现代码:



  
    
    
    
    
  
  
    
全选 商品名称 数量 单价 操作 娃哈哈 10 2 添加商品

热门栏目