阿里巴巴图标库（iconfont）批量全选图标加入购物车（保姆级图文+实现代码）

当前位置：首页 > 知识分享 > 前端

阿里巴巴图标库（iconfont）批量全选图标加入购物车（保姆级图文+实现代码）

来源：网络日期：2023-12-30 09:18:49 浏览：

“ 实现思路利用js脚本代码批量选中图标兵加入购物车打开图标网页 f12并打开控制台刷新网页，控制台没有出现红字黏贴代码并回车实现代码 var span = document.querySelec ”

实现思路

利用js脚本代码批量选中图标兵加入购物车

打开图标网页
f12并打开控制台
刷新网页，控制台没有出现红字
黏贴代码并回车

实现代码

    var span = document.querySelectorAll('.icon-cover');
    for (var i = 0, len = span.length; i < len; i++) {
         console.log(span[i].querySelector('span').click());
    }

实现效果

总结

大家喜欢的话，给个👍，点个关注！给大家分享更多有趣好玩的计算机知识！

上一篇：返回列表

下一篇：2024最新:别再花冤枉钱买苹果证书了，个人证书也能稳定长久实现微信多开

最近更新

Web前端监控的方案

Web前端监控的方案前端监控是一个非常重要的话题，对于业务的发展意义重大，就像遍布在城市各处的探头，实时监测整座城市的运行状况，保证系统的稳定、高效运行。前端监控的意义前

网域购买指南：网域和网址完整差异比较| WordPress 架站前必看!

新手朋友们一开始踏入WordPress 时，一定常常看到，要做好一个WordPress 网站，一定要包含三个要素：买一个网路空间（主机）买一个网域-> 这篇文章要讨论的！安装WordPress 系统带路姬

创业想做网站，自架WordPress 前最好先知道的五件事

新手自架WordPress 前，最常犯哪五个错误？1. 完全排斥英文：WordPress 毕竟是国际型的架站工具，虽然已就有部分中文化，但是难免会需要看一点点可能还没翻译到的英文，英文不好没关系，

1 WordPress 架站，提早知道这五个卡卡，帮你省下一个月的时间

2 Wix 和WordPress 的终极完整比较– 2024 创业架站前必读

3 2024最新：WordPress 入门的五种方式比较

4 WordPress.com 和WordPress.org 的完整比较(含2024新方案介绍)

5 5分钟搞懂第一次做WordPress网站的流程(2024更新)

相关阅读

Web前端监控的方案

如何设计相干图形包

选择字体你绝对不会在科学和理论节目中使用粗糙的文本。对于像“Se7en”这样的电影，它会（并且确实）效果很好，但不适用于这个项目。而且你也不会使用超级优雅的字体，就

加快达芬奇14工作流程的10个键盘快捷键

视频编辑套件具有成熟的控件。您可以使用的工具数量惊人。更令人震惊的是，您需要跟踪所有这些工具并通过单一界面（即键盘）访问其中的大部分工具。现在是第 14 版，DaVinci Resolv

1 手机自签名scarlet，不用电脑

2 iOS手机端一键续签，Altstore真正实现长期稳定使用

3 装不了巨魔2的有福了，这个方法可完美平替，全程无需电脑

4 2024最新:别再花冤枉钱买苹果证书了，个人证书也能稳定长久实现微信多开

5 阿里巴巴图标库（iconfont）批量全选图标加入购物车（保姆级图文+实现代码）