购物车-删除单行商品-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/rowIndexhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/rowIndex
 1 <table>
 2     <tr>
 3         <td>w3434</td>
 4         <td>w35566</td>
 5         <td>w65656</td>
 6     </tr>
 7     <tr>
 8         <td>w1ewewe</td>
 9         <td>w1fdgfge</td>
10         <td>w1sdf</td>
11     </tr>
12     <tr>
13         <td>w2dffdfgfd</td>
14         <td>w2ffg</td>
15         <td>w2yc</td>
16     </tr>
17     <tr>
18         <td>w3qwe</td>
19         <td>w3f</td>
20         <td>w3gfg</td>
21     </tr>
22 </table>
23
24
25 <script>
26     var wrows = document.getElementsByTagName(‘tr‘)
27     for (var w = 0, wlen = wrows.length; w < wlen; w++) {
28         console.log(wrows[w])
29         console.log(wrows[w].rowIndex)
30     }
31     // document.getElementsByTagName(‘table‘).deleteRow(1)
32     //Uncaught TypeError: document.getElementsByTagName(...).deleteRow is not a function
33     document.getElementsByTagName(‘table‘)[0].deleteRow(1)
34
35 </script>
 1 <table>
 2     <tr>
 3         <td>w3434</td>
 4         <td>w35566</td>
 5         <td>w65656</td>
 6     </tr>
 7     <tr>
 8         <td>w1ewewe</td>
 9         <td>w1fdgfge</td>
10         <td>w1sdf</td>
11     </tr>
12     <tr>
13         <td>w2dffdfgfd</td>
14         <td>w2ffg</td>
15         <td>w2yc</td>
16     </tr>
17     <tr>
18         <td>w3qwe</td>
19         <td>w3f</td>
20         <td>w3gfg</td>
21     </tr>
22 </table>
23 <table>
24     <tr>
25         <td>wwwwww3434</td>
26         <td>www35566</td>
27         <td>www65656</td>
28     </tr>
29     <tr>
30         <td>www1ewwwewwwe</td>
31         <td>www1fdgfge</td>
32         <td>www1sdf</td>
33     </tr>
34     <tr>
35         <td>www2dffdfgfd</td>
36         <td>www2ffg</td>
37         <td>www2yc</td>
38     </tr>
39     <tr>
40         <td>www3qwwwe</td>
41         <td>www3f</td>
42         <td>www3gfg</td>
43     </tr>
44 </table>
45
46
47 <script>
48     var wtabs = document.getElementsByTagName(‘table‘)
49     for (var w = 0, wlen = wtabs.length; w < wlen; w++) {
50         console.log(wtabs[w])
51         console.log(wtabs[w].tabIndex)//-1
52     }
53
54 </script>
时间: 2024-11-05 00:29:34

购物车-删除单行商品-HTMLTableElement.deleteRow()的相关文章

案例27-购物车删除单一商品

1 delProductFromCart  删除单一商品 //6 删除单一商品 public void delProductFromCart(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //获得要删除的item的pid String pid = request.getParameter("pid"); //删除session中的购物车中的

购物车结算及商品详情

购物车计算http://code.cocoachina.com/view/1000102 加减按钮 http://www.code4app.com/thread-10401-1-1.html http://www.code4app.com/thread-10640-1-1.html 商品详情  http://www.code4app.com/thread-30407-1-1.html http://www.code4app.com/thread-8660-1-1.html 京东筛选http://

编写一个简易购物车,实现向购物车内添加商品,移除指定商品及清空购物车功能。

showp.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+reque

使用layui+jQuery实现点击删除单行数据

首先要用到layui的官网手册 地址:https://www.layui.com/ 注意1.  此功能是在使用layui展示数据的基础上实现 3.  数据展示步骤连接:https://www.cnblogs.com/glwuzhang/p/11252987.html 2.  记得引用文件 1.进入手册页面的 ”示例“ 2.在示例中找到 “数据表格” -> “数据操作” -> "查看代码" .这就是layui内置的数据操作代码,分别复制红框,绿框,紫色框的代码到你的页面. 3

DataTables选择行并删除(删除单行)

$(document).ready(function() { var table = $('#example').DataTable(); $('#example tbody').on( 'click', 'tr', function () { if ( $(this).hasClass('selected') ) { $(this).removeClass('selected'); } else { table.$('tr.selected').removeClass('selected');

简单实现拖动商品,加入购物车并总计商品的功能

<html> <head> <link rel="stylesheet" type="text/css" href="easyui.css"> <link rel="stylesheet" type="text/css" href="icon.css"> <script type="text/javascript"

用jquery 实现购物车里面的商品添加或者减少的功能

HTML<div class="gw_num"> <em class="jian">-</em> <input type="text" value="1" class="num"/> <em class="add">+</em> </div> css .gw_num{border: 1px solid #

全部选中和删除选中商品的实现,点击一下全选,点击两下取消全选

<th class="wp7_5"><input type="checkbox" id="checkAllId" onclick="checkAll(this);" class="vm" /> 全选</th> <div> <td><input type="checkbox" th:name="${#strings

easymall项目的商品删除,前台商品分页,商品详情,购物车模块

简单的挑选一下昨天所学的重点知识模块,以备后续的复习 一.购物车模块1.1购物车两种实现的区别:!!!!!!!! 用session保存  缺点:浏览器关闭,session失效时保存在session中购物信息将会消失  后续优化,将购买的信息除了保存在session中以外,还要将购物的信息保存在cookie中,这样  就解决了浏览器关闭购买商品信息丢失的问题(但是解决不了跟换电脑信息丢失的问题)  优点:不用操作数据库,可以减少数据库访问压力 数据库中:  缺点:只用登录的用户才能添加购物车