[問題] 透過javascript 更改data-*值

[lovejoe7010 (shen)]

這是一個購物車的數量
<li class="cart" id='cart_div' data-cart="0"></li>
當我點選產品要加入購物車，想要透過js去變更data-cart的數值
我使用了_id('cart_div').dataset.cart可以抓到值
於是我想更改值 _id('cart_div').dataset.cart=2;
但畫面上數值並不會變動
網路上有人說用以下語法變更
_id('cart_div').getAttribute('data-cart','7');
也沒反應
想請各位大大指點指點，感恩

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.169.51.202
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1458834138.A.FCE.html
推 Fantasywind: setAttribute
→ akccakcctw: http://goo.gl/hBMJr8
→ lovejoe7010: 樓上大大的連結我看不懂怎麼用哩><
推 aaa7513231: 用attr() http://api.jquery.com/attr
推 Hevak: 你畫面是用什麼東西出來的？你是不是有用什麼東西去取值再
→ Hevak: 弄到畫面上？單純document.getElementByID('cart_div').dat
→ Hevak: aset.cart=2;當然不會同時更改你利用那個值生出來的畫面，
→ Hevak: 你可以打開瀏覽器開發者工具看，實際上data-cart是已經被改
→ Hevak: 成2的，但你應該有利用這個值去對li做更動？
→ Hevak: 你可以試試看：
→ Hevak: var $cartDiv = document.getElementByID('cart_div');
→ Hevak: $cartDiv.innerHtml = $cartDiv.dataset.cart;
→ Hevak: $cartDiv.dataset.cart=2;
→ Hevak: $cartDiv.innerHtml = $cartDiv.dataset.cart;//更新畫面
→ Hevak: 數值這些東西是沒有在自動綁定的，你改了什麼就要重新去用
→ Hevak: 同樣的流程再修改
→ lovejoe7010: 解決了！！謝謝各位大大們指導！