微客导航 » 文章资讯 » JScript实现表格的简单操作

JScript实现表格的简单操作

2023-09-26 12:17:06 170

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

实现思路：

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

实现代码：














全选

商品名称
数量
单价
操作



娃哈哈
10
2




添加商品

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

返回顶部
3162201930
czq8825@qq.com

JScript实现表格的简单操作

热门推荐

随机推荐