我有一个包含产品目录的网站https://www.estelab.ru/cosmetics/zo-medical/
单击橙色背景中的“购买”按钮后,您可以在控制台消息中看到(“addToCart 有效”)
但是此点击适用于第一个按钮。
var CartButton = document.querySelector(".eshop_js-add-to-cart");
CartButton.onclick = (function() {
console.log("addToCart works");
});
你应该使用 forEach
var CartButton = document.querySelectorAll(".eshop_js-add-to-cart");
CartButton.forEach((item) => {
item.onclick = function () {
console.log("addToCart works");
};
});
<div class="eshop_js-add-to-cart">Click me!</div>
<div class="eshop_js-add-to-cart">Click me!</div>
<div class="eshop_js-add-to-cart">Click me!</div>
<div class="eshop_js-add-to-cart">Click me!</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句