DOM-层级节点查找例子

给出这样一个简单地购物车,通过JS实现增减和删除功能,增减的同时,小计部分也跟着变化

下面是HTML部分代码

注意:<a hrer = "javascript:void(0);">的作用是点击删除链接时,不会出现页面刷新情况

CSS部分代码:

JS部分代码

删除操作

增加操作

删除操作

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,041评论 3 119
  • 地铁。 我坐着。 她站着。一个个子高挑的女孩。 穿一件白色短T恤,黑色高腰阔腿短裤,一双白色帆布鞋,背一个小小的棕...
    毛瀛德阅读 1,911评论 0 1
  • “别打岔!水仙向来脑子转得快,仇经理家孩子才1岁多,还是个小子,总不可能带她儿子去那住吧,再说了,她和她老公两地分...
    颗粒crown阅读 2,817评论 2 1
  • 许久没翻过朋友圈了,昨天心血来潮,翻了落下许久的朋友圈动态,看到同学发的说说:十年,你们都好吗?才想起毕业已经十年...
    Smile旧颜阅读 3,933评论 0 0
  • 还有3天的时间2017年即将过去!此时的心情有点复杂!这一年里风里雨里一直都是努力拼搏进取!有收获、有进步、有快乐...
    v孩子爸阅读 897评论 0 0