Question

我在这里已经阅读了一些问题，但是他们没有解决我的问题。

看看这个小提琴：

https://jsfiddle.net/aindriu80/m2xgjazn/1/

（需要代码段，完整代码@ jsfiddle以上）

function increaseItem(product, cartItemDOM) {
  cart.forEach(cartItem => {
    if (cartItem.name === product.name) {
      cartItemDOM.querySelector('.cart__item__quantity').innerText = ++cartItem.quantity;
      cartItemDOM.querySelector('[data-action="DECREASE_ITEM"]').classList.remove('btn--danger');
      saveCart();
    }
  });
}

这是一个使用localStorage的JavaScript购物车。它工作正常，但是当我无法访问DOM中的项目时，即在同一网页上没有HTML代码的项目时，我想增加/减少项目的数量，删除项目。

如何在不操作DOM的情况下更改数量或删除特定项目？

如果我在同一个HTML页面上制作了两个副本并包含JavaScript（全部在小提琴中），但更改了购物车中商品的名称-我可以在另一个网页上查看它们，但不能带有它们的任何东西（+，-或删除）。

最好的方法是什么？

在DOM中不可用时如何操作localStorage项

0 个答案: