如何通过 querySelectorAll() 选择所有元素

萨迪·泽纳洛夫

我有一个包含产品目录的网站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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用document.querySelectorAll选择除锚点以外的所有标签(两个元素内均不锚定)?

我如何使QuerySelectorAll()选择所有html标记,并通过访问html标记的索引进行更改

为什么querySelectorAll不选择我所有的元素?

通过querySelectorAll上的ID排除特定元素

.querySelectorAll如何仅采用具有所有属性的元素

如何从querySelectorAll获取所有元素并与addEventListener一起使用

如何删除使用querySelectorAll获取的元素?

Javascript querySelectorAll,如何仅与顶部元素匹配?

如何仅对具有特定属性集的元素使用querySelectorAll?

如何通过jQuery选择容器的所有子元素?

Excel VBA doc.querySelectorAll("p") 不会捕获/选择所有 p 元素

如何遍历所有选择的多个元素?

使用querySelectorAll选择与document.URL匹配的所有href?

如何使用document.querySelectorAll遍历选定的元素

querySelectorAll-如何仅获取特定div中的元素

我如何在反应中获得 querySelectorAll html 元素?

如何僅對具有特定子元素的元素使用 querySelectorAll?

使用Javascript按className或querySelectorAll获取所有子元素

querySelectorAll的onClick方法是否附加到所有元素?

querySelectorAll不返回DOM中的所有元素

修改querySelector以应用于所有页面元素(querySelectorAll)

我无法使用 querySelectorAll 访问所有所需的元素

如何拆分 querySelectorAll 结果?

如何筛选querySelectorAll结果?

如何优化querySelectorAll记录?

querySelectorAll 只选择顶层匹配的元素

选择queryselectorAll元素的多个第二实例?

如何选择x元素之后的所有n元素?

如何使用jQuery通过具有特定值的数据属性选择所有元素