我很难理解Javascript。我创建了一个购物车,我想在购物车内显示span
尚无商品。我设法做到了一半
function CartIsEmpty() {
let emptyCart = `<span class='empty-cart'>Looks Like You Haven't Added Any Product In The Cart</span>`;
*// wrapps all the rows inside the cart*
var cartItemContainer = document.getElementsByClassName('cart_list')[0]
var cartRows = cartItemContainer.getElementsByClassName('cart_item')
if (cartRows.length == 0) {
document.getElementsByClassName('cart_list')[0].innerHTML = emptyCart;
}
}
确定,所以发生什么事是在将商品添加到购物车并将其删除后,我得到了正确显示范围内的消息。但是,如果用户再次添加项目,则消息不会消失。虽然我指定 if (cartRows.length == 0)
在您的函数中,addItemToCart()
在开头添加以下代码:
let cartItemContainer = document.getElementsByClassName('cart_list')[0]
let cartRows = cartItemContainer.getElementsByClassName('cart_item')
if (cartRows.length == 0) {
document.getElementsByClassName('cart_list')[0].innerHTML = "";
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句