購物籃通知

Question

我需要一個購物籃通知，在購物籃中彈出一個帶有購物籃內物品數量的紅色圓圈，如果購物籃中有0個商品，就會消失，就像下面網站中的商品一樣。

http://www.howies.co.uk/beach-towel.html

是否有可能做到這一點沒有JQuery的？

這是我的代碼到目前爲止。

的Javascript

if($('#no_items').html() == 0){ 
$(".circle").hide();} 

HTML

<div class="circle"><div id="no_items" style="color:white">0</div></div> 

http://jsfiddle.net/QjEcx/1/

Answer 1

當然！您可以使用innerHTML或innerText屬性：

if(document.querySelector('#no_items').innerText === '0'){ 
    document.querySelector(".circle").style.display = 'none'; 
} 

更新

或者彈出式動畫，要求：http://jsfiddle.net/ARTsinn/QjEcx/2/