如果条件为真,则添加HTML元素的Javascript

布鲁克斯

我很难理解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)

普拉纳夫·鲁斯塔吉(Pranav Rustagi)

在您的函数中,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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如果条件为真,则隐藏元素

来自分类Dev

如果条件为真,则动态添加图标

来自分类Dev

如果条件为真,则添加搜索参数

来自分类Dev

JavaScript-如果条件为真,则防止将某些元素推入数组

来自分类Dev

JavaScript-如果条件为真,则防止将某些元素推入数组

来自分类Dev

如果条件为真,如何添加新组件?主动的

来自分类Dev

如果条件被跳过,即使条件为真

来自分类Dev

如果条件为真,则选择数据

来自分类Dev

如果条件为真,则排除文件

来自分类Dev

如果条件为真,则Cobol不进入

来自分类Dev

如果条件为真,则停止功能

来自分类Dev

如果条件总是评估为真

来自分类Dev

如果条件为真,则 SQL 过滤行

来自分类Dev

如果条件为真,则创建具有相邻列表元素的元组列表

来自分类Dev

如果条件为真,则v-for循环内的v-show显示所有元素

来自分类Dev

如果基于两个相邻行的条件为真,如何添加行以得出结果

来自分类Dev

当条件为真时,将特定元素添加到列表

来自分类Dev

PHP 仅在条件为真时才将元素添加到数组

来自分类Dev

如果ERB中的条件为真,如何不显示HTML和CSS

来自分类Dev

如果条件为真,为什么Javascript window.location无法重定向页面?

来自分类Dev

如果条件为真,则将 wordpress 帖子更新为草稿

来自分类Dev

如果值为零时条件解析为真

来自分类Dev

如果多个条件之一为真,如何执行JOIN?

来自分类Dev

如果条件为真,则删除numpy中的列

来自分类Dev

如果多个条件为真,如何多次执行迭代?

来自分类Dev

angular2 ng如果为真或假条件

来自分类Dev

O(n)算法,如果条件为真,则返回数组索引

来自分类Dev

MariaDB的执行UPDATE和DELETE然后如果条件为真

来自分类Dev

如果条件为真,则替换列表中的值

Related 相关文章

  1. 1

    如果条件为真,则隐藏元素

  2. 2

    如果条件为真,则动态添加图标

  3. 3

    如果条件为真,则添加搜索参数

  4. 4

    JavaScript-如果条件为真,则防止将某些元素推入数组

  5. 5

    JavaScript-如果条件为真,则防止将某些元素推入数组

  6. 6

    如果条件为真,如何添加新组件?主动的

  7. 7

    如果条件被跳过,即使条件为真

  8. 8

    如果条件为真,则选择数据

  9. 9

    如果条件为真,则排除文件

  10. 10

    如果条件为真,则Cobol不进入

  11. 11

    如果条件为真,则停止功能

  12. 12

    如果条件总是评估为真

  13. 13

    如果条件为真,则 SQL 过滤行

  14. 14

    如果条件为真,则创建具有相邻列表元素的元组列表

  15. 15

    如果条件为真,则v-for循环内的v-show显示所有元素

  16. 16

    如果基于两个相邻行的条件为真,如何添加行以得出结果

  17. 17

    当条件为真时,将特定元素添加到列表

  18. 18

    PHP 仅在条件为真时才将元素添加到数组

  19. 19

    如果ERB中的条件为真,如何不显示HTML和CSS

  20. 20

    如果条件为真,为什么Javascript window.location无法重定向页面?

  21. 21

    如果条件为真,则将 wordpress 帖子更新为草稿

  22. 22

    如果值为零时条件解析为真

  23. 23

    如果多个条件之一为真,如何执行JOIN?

  24. 24

    如果条件为真,则删除numpy中的列

  25. 25

    如果多个条件为真,如何多次执行迭代?

  26. 26

    angular2 ng如果为真或假条件

  27. 27

    O(n)算法,如果条件为真,则返回数组索引

  28. 28

    MariaDB的执行UPDATE和DELETE然后如果条件为真

  29. 29

    如果条件为真,则替换列表中的值

热门标签

归档