JScript实现表格的简单操作

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

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

实现思路:

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

实现代码:



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

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


名称栏目:JScript实现表格的简单操作
网页网址:http://scyanting.com/article/iipocs.html