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()的更多相关文章

  1. vue实战记录(五)- vue实现购物车功能之商品总金额计算和单选全选删除功能

    vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(五) GitHub:sue ...

  2. Android-----购物车(包含侧滑删除,商品筛选,商品增加和减少,价格计算,店铺分类等)

    电商项目中常常有购物车这个功能,做个很多项目了,都有不同的界面,选了一个来讲一下. 主要包含了 店铺分类,侧滑删除,商品筛选,增加和减少,价格计算等功能. 看看效果图: 重要代码: private v ...

  3. day85:luffy:购物车根据有效期不同切换价格&购物车删除操作&价格结算&订单页面前戏

    目录 1.购物车有效期切换 2.根据有效期不同切换价格 3.购物车删除操作 4.价格结算 5.订单页面-初始化 1.购物车有效期切换 1.关于有效期表结构的设计 1.course/models.py ...

  4. 分页查询关键代码 多条件查询关键代码 删除选中商品关键代码 修改要先回显再修改 修改要先回显再修改 同一业务集中使用同一servlet的方法

    分页查询关键代码: 通过servlet转发回来的各种信息进行分页的设计(转发回的信息有 分页查询的List集合 查询的页码 查询的条数 查询的数据库总条数 查询的总页码) 从开始时循环10次出现十个数 ...

  5. 购物车删除商品,总价变化 innerHTML = ''并没有删除节点,内容仍存在

    w元素的上的下. function deleteLi(tmpId) { //document.getElementById(tmpId).innerHTML = ''; var wdel = docu ...

  6. Vue(小案例_vue+axios仿手机app)_购物车(计算商品总金额)

    一.前言                 1.计算总金额                 2.点击删除按钮,删除对应的商品信息                 3.当还没结算的时候,当用户跳到其他页面 ...

  7. Vue小案例 之 商品管理------批量删除与商品数量的调整

    通过索引进行删除,进行测试,是否获取其索引: 测试效果: 测试代码,在vue中定义一个空的数组,以便后面进行数据的绑定: data:{ imgUrl:'../res/images/', imgName ...

  8. 【京东账户】——Mysql/PHP/Ajax爬坑之购物车删除选项

    一.引言 做京东账户项目中的购物车模块,功能之三就是删除购物车中的选项.要用到的是Apach环境,Mysql.PHP以及Ajax. 二.依据功能创建库.表.记录 创建库:jd 创建表:购物车表  jd ...

  9. ECSHOP购物车页面显示商品简单描述

    1.这里说的商品简单描述,不是商品的详细信息,而是后台编辑商品时在“其他信息”标签栏填写的那个“商品简单描述”,即goods_brief字段 2.修改lib_order.php文件的get_cart_ ...

随机推荐

  1. libxml2实例

    // libxmlTest.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <stdio.h> #includ ...

  2. 效果非常好的 Jquery弹出层插件 jQuery Sweet alert

    介绍款交互性非常不错的jquery弹出层插件,支持消息提示.错误提示.确认框提示等. 交互式体验感非常不错,比如咱们现在体验非常不错的微信支付.支付宝等完成后的效果. 不过本插件至少支持IE9+ Jq ...

  3. background-origin:规定 background-position 属性相对于什么位置来定位

    background-origin:border-box;此时设置background-size:contain; 根据容器的边框定位 例如:容器的盒模型如下:设置了padding:20px;bord ...

  4. elasticsearch安装与使用(3)-- 安装中文分词插件elasticsearch-analyzer-ik

    前言 elasticsearch(下面简称ES,安装ES点击这里)的自带standard分词只能把汉语分割成一个个字,而不能分词.分段,这就是我们需要分析器ik的地方了. http://{ip}:92 ...

  5. 对session的操作

    request.getSession().removeAttribute("amount");request.getSession().setAttribute("amo ...

  6. Unity5.X 新版AssetBundle打包控制

    一.什么是AssetBundle 估计很多人只知道Unity的模型之类的东西可以导出成一种叫做AssetBundle的文件,然后打包后可以在Unity程序运行的时候再加载出来用.那么AssetBund ...

  7. java---springMVC与strutsMVC的区别

    spring mvc与struts的区别 标签: strutsspringmvcservletactiontomcat 2011-11-24 17:34 24205人阅读 评论(6) 收藏 举报  分 ...

  8. 《敏捷软件开发-原则、方法与实践》-Robert C. Martin读书笔记(转)

    Review of Agile Software Development: Principles, Patterns, and Practices 本书主要包含4部分内容,这些内容对于今天的软件工程师 ...

  9. gcc编译程序的流程

    >>gcc编译器 gcc编译器:(C语言的编译器gcc/g++) gcc编译程序的流程 源文件(.c)——>预处理(.i)——>编译——>汇编(.s)——>链接(. ...

  10. Thinkphp新增字段无法插入到数据库问题

    Thinkphp框架开发过程中,因需求需要改动数据表,新增了几个字段. 调用 M(‘xxx’)->add($data) 插入值时,新增的字段数据总是插入不进去,每次都是默认的值,于是恍然—-缓存 ...