购物车-删除单行商品-HTMLTableElement.deleteRow()
wta
问题发源的代码:
/*删除单行商品*/
function deleteRow(rowId){
var Index=document.getElementById(rowId).rowIndex; //获取当前行的索引号
document.getElementById("shopping").deleteRow(Index);
document.getElementById("shopping").deleteRow(Index-1);
productCount();
} https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/rowIndex
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/rowIndex
<table>
<tr>
<td>w3434</td>
<td>w35566</td>
<td>w65656</td>
</tr>
<tr>
<td>w1ewewe</td>
<td>w1fdgfge</td>
<td>w1sdf</td>
</tr>
<tr>
<td>w2dffdfgfd</td>
<td>w2ffg</td>
<td>w2yc</td>
</tr>
<tr>
<td>w3qwe</td>
<td>w3f</td>
<td>w3gfg</td>
</tr>
</table> <script>
var wrows = document.getElementsByTagName('tr')
for (var w = 0, wlen = wrows.length; w < wlen; w++) {
console.log(wrows[w])
console.log(wrows[w].rowIndex)
}
// document.getElementsByTagName('table').deleteRow(1)
//Uncaught TypeError: document.getElementsByTagName(...).deleteRow is not a function
document.getElementsByTagName('table')[0].deleteRow(1) </script>
<table>
<tr>
<td>w3434</td>
<td>w35566</td>
<td>w65656</td>
</tr>
<tr>
<td>w1ewewe</td>
<td>w1fdgfge</td>
<td>w1sdf</td>
</tr>
<tr>
<td>w2dffdfgfd</td>
<td>w2ffg</td>
<td>w2yc</td>
</tr>
<tr>
<td>w3qwe</td>
<td>w3f</td>
<td>w3gfg</td>
</tr>
</table>
<table>
<tr>
<td>wwwwww3434</td>
<td>www35566</td>
<td>www65656</td>
</tr>
<tr>
<td>www1ewwwewwwe</td>
<td>www1fdgfge</td>
<td>www1sdf</td>
</tr>
<tr>
<td>www2dffdfgfd</td>
<td>www2ffg</td>
<td>www2yc</td>
</tr>
<tr>
<td>www3qwwwe</td>
<td>www3f</td>
<td>www3gfg</td>
</tr>
</table> <script>
var wtabs = document.getElementsByTagName('table')
for (var w = 0, wlen = wtabs.length; w < wlen; w++) {
console.log(wtabs[w])
console.log(wtabs[w].tabIndex)//-1
} </script>
购物车-删除单行商品-HTMLTableElement.deleteRow()的更多相关文章
- vue实战记录(五)- vue实现购物车功能之商品总金额计算和单选全选删除功能
vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(五) GitHub:sue ...
- Android-----购物车(包含侧滑删除,商品筛选,商品增加和减少,价格计算,店铺分类等)
电商项目中常常有购物车这个功能,做个很多项目了,都有不同的界面,选了一个来讲一下. 主要包含了 店铺分类,侧滑删除,商品筛选,增加和减少,价格计算等功能. 看看效果图: 重要代码: private v ...
- day85:luffy:购物车根据有效期不同切换价格&购物车删除操作&价格结算&订单页面前戏
目录 1.购物车有效期切换 2.根据有效期不同切换价格 3.购物车删除操作 4.价格结算 5.订单页面-初始化 1.购物车有效期切换 1.关于有效期表结构的设计 1.course/models.py ...
- 分页查询关键代码 多条件查询关键代码 删除选中商品关键代码 修改要先回显再修改 修改要先回显再修改 同一业务集中使用同一servlet的方法
分页查询关键代码: 通过servlet转发回来的各种信息进行分页的设计(转发回的信息有 分页查询的List集合 查询的页码 查询的条数 查询的数据库总条数 查询的总页码) 从开始时循环10次出现十个数 ...
- 购物车删除商品,总价变化 innerHTML = ''并没有删除节点,内容仍存在
w元素的上的下. function deleteLi(tmpId) { //document.getElementById(tmpId).innerHTML = ''; var wdel = docu ...
- Vue(小案例_vue+axios仿手机app)_购物车(计算商品总金额)
一.前言 1.计算总金额 2.点击删除按钮,删除对应的商品信息 3.当还没结算的时候,当用户跳到其他页面 ...
- Vue小案例 之 商品管理------批量删除与商品数量的调整
通过索引进行删除,进行测试,是否获取其索引: 测试效果: 测试代码,在vue中定义一个空的数组,以便后面进行数据的绑定: data:{ imgUrl:'../res/images/', imgName ...
- 【京东账户】——Mysql/PHP/Ajax爬坑之购物车删除选项
一.引言 做京东账户项目中的购物车模块,功能之三就是删除购物车中的选项.要用到的是Apach环境,Mysql.PHP以及Ajax. 二.依据功能创建库.表.记录 创建库:jd 创建表:购物车表 jd ...
- ECSHOP购物车页面显示商品简单描述
1.这里说的商品简单描述,不是商品的详细信息,而是后台编辑商品时在“其他信息”标签栏填写的那个“商品简单描述”,即goods_brief字段 2.修改lib_order.php文件的get_cart_ ...
随机推荐
- CXAnimation类
#include "XAnimation.h" CXAnimation::CXAnimation(void) { m_strName = ""; m_nFram ...
- JSON 之GSON 解析
一. 谷歌GSON这个Java类库可以把Java对象转换成JSON,也可以把JSON字符串转换成一个相等的Java对象.Gson支持任意复杂Java对象包括没有源代码的对象. 二.Gson解析Json ...
- GDB和WinDbg中调用函数
GDB: 特别简单,直接写调用式子即可,如下图的p word.c_str(),其中word的类型是std::string WinDbg:目前都说是.call命令,说实话我宁愿不用...见: http: ...
- jquery头文件的引入
<script type="text/javascript" src="/library/js/jquery/jquery-1.9.1.min.js"&g ...
- lua工具库penlight--04路径和目录
使用路径 程序不应该依赖于奇葩的系统,这样你的代码会难以阅读和移植.最糟糕的是硬编码的路径, windows和Unix的路径分隔符正好相反.最好使用path.join,它可以帮助你解决这个问题. pl ...
- ASP.NET 5 将于2016年一季度公布
简单介绍:微软ASP.NET团队在GitHub宣布ASP.NET 5的公布时间表和发展蓝图. 该团队宣布在2015年还将公布三个Beta版.一个ASP.NET 5的抢先版(RC 1).到2016年一季 ...
- Oracle拉出在sqlserver建表的语句
我们将Oracle数据同步到sqlserver时,是先得在sqlserver端建表的. 复杂的字段我们不同步,就仅仅考虑以下四种数据类型. Oracle到SQLServer做的映射: int -> ...
- 关于Unity中的transform组件(一)
一.transform组件用途 1.维护场景树 2.对3D物体的平移,缩放,旋转 二.场景树定义 在Hierarchy视图中显示的: 一个game_scene场景,下面有Main Camera节点,D ...
- 关于Unity的开发模式
Unity是组件化的开发模式,总结起来就是节点与组件.节点就像人,组件就像工具,人拿不同的工具,就变成不同的角色,有不同的作用.人+医学常识=医生. 1.每个空节点创建后,刚开始只有一个Transfo ...
- 快速开发 jQuery 插件的 10 大技巧(转)
1. 把你的代码全部放在闭包里面 这是我用的最多的一条.但是有时候在闭包外面的方法会不能调用.不过你的插件的代码只为你自己的插件服务,所以不存在这个问题,你可以把所有的代码都放在闭包里面.而方法可能应 ...