JScript实现表格的简单操作
本文实例为大家分享了JScript实现表格的简单操作,供大家参考,具体内容如下
创新互联建站专注于企业全网营销推广、网站重做改版、江北网站定制设计、自适应品牌网站建设、H5页面制作、商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为江北等各大城市提供网站开发制作服务。
实现思路:
1、添加时:获取当前列表的行数,在当前一行添加下一行;
2、用insertCell()方法添加一行,下标从0开始,
3、若要给新一行添加类型、响应事件,就用setAttribute()方法,类似于键值对,并用appendChild()方法将数据保存到新一行
4、删除时:获取需要删除行的当前行数this,然后获取父节点,把整一行删掉remove(),而不是单单删除某一行的单个数据
5、修改时:获取当前修改行的行数索引,点击修改时,把表格状态转换为文本格式,并把“修改”改为“确定”
实现代码:
全选 商品名称 数量 单价 操作 娃哈哈 10 2
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
名称栏目:JScript实现表格的简单操作
网页网址:http://scyanting.com/article/iipocs.html