购物车-删除单行商品-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_ ...
随机推荐
- try与catch
首先要清楚,如果没有try的话,出现异常会导致程序崩溃.而try则可以保证程序的正常运行下去,比如说:try{int i = 1/0;}catch(Exception e){........}一个计算 ...
- CodeForces 35D Animals
G - Animals Time Limit:2000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u Submit ...
- a标签去掉下划线
转载自:http://jingyan.baidu.com/article/a17d52853095838099c8f24e.html <a>是默认有下划线的.所以有时候为了美观,我们需要去 ...
- Android WebView的注意事项
1.修改权限,添加<uses-permission android:name="android.permission.INTERNET"/> 2.loadUrl方法要写 ...
- Codeforces461A Appleman and Toastman 贪心
题目大意是Appleman每次将Toastman给他的Ni个数拆分成两部分后再还给Toastman,若Ni == 1则直接丢弃不拆分.而Toastman将每次获得的Mi个数累加起来作为分数,初始时To ...
- MyBatis Geneator详解<转>
MyBatis Geneator中文文档地址: http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致,所以有些地方如果不熟悉,看中文版的文档的 ...
- 关于Unity中的摄像机
摄像机是挂载Camera组件的能把3D世界物体拍摄成2D画面显示到屏幕上面的节点,角度不一样,位置不一样,拍摄出来的东西就不一样. Clear Flags:没有物体的时候,摄像机拍摄出的屏幕要绘制什么 ...
- 下面哪些属于JSTL中的表达式操作标签。(选择1项)
A.<c:out> B.<c:if> C.<c:url> D.<c:catch> 解答:A
- php -- 四种基础排序:冒泡、选择、插入、快速
冒泡排序 思路分析:法如其名,就是像冒泡一样,每次从数组当中 冒一个最大的数出来. 第一轮:从第一个到最后一个冒泡比较,运行结果:最后一个最大 第二轮:从第一个到倒数第二个冒泡比较, 运行结果:最后一 ...
- 【BZOJ】1047: [HAOI2007]理想的正方形(单调队列/~二维rmq+树状数组套树状数组)
http://www.lydsy.com/JudgeOnline/problem.php?id=1047 树状数组套树状数组真心没用QAQ....首先它不能修改..而不修改的可以用单调队列做掉,而且更 ...