Question

我正在建立一个网站，每当购物车中没有东西时，都应该提醒用户购物车中没有东西，除非我的编码似乎没有任何响应。我如何解决它，以便代码能正常工作？

if (document.getElementsByClassName('cart-items').hasChildNodes()){
    alert('Thanks!')
    window.open("payment.html","_self");
    var cartItems = document.getElementsByClassName('cart-items')[0]
    while (cartItems.hasChildNodes()) {
        cartItems.removeChild(cartItems.firstChild)     
    }
}   
else {
    alert("There is nothing in your cart!");
    }

我希望它提醒“您的购物车中没有东西！”但是，如果您的购物车在点击时是空的，它不会发出任何警告。

Answer 1

hasChildNodes是一个函数，但已应用于数组。设置[0]变量时，您将需要cartItems。

if (document.getElementsByClassName('cart-items')[0].hasChildNodes()){
  alert('Thanks!')
  // ... other code here
}   
else {
  alert("There is nothing in your cart!");
}

<div class="cart-items">
  <div>Shirt</div>
  <div>Trousers</div>
  <div>Socks</div>
</div>

购物车为空时如何提醒用户？ Javascript HTML

1 个答案: