這是一個購物車的數量
<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');
也沒反應
想請各位大大指點指點，感恩

setAttribute

樓上大大的連結我看不懂怎麼用哩><

用attr() http://api.jquery.com/attr

你畫面是用什麼東西出來的？你是不是有用什麼東西去取值再弄到畫面上？單純document.getElementByID('cart_div').dataset.cart=2;當然不會同時更改你利用那個值生出來的畫面，你可以打開瀏覽器開發者工具看，實際上data-cart是已經被改成2的，但你應該有利用這個值去對li做更動？你可以試試看：var $cartDiv = document.getElementByID('cart_div');$cartDiv.innerHtml = $cartDiv.dataset.cart;$cartDiv.dataset.cart=2;$cartDiv.innerHtml = $cartDiv.dataset.cart;//更新畫面數值這些東西是沒有在自動綁定的，你改了什麼就要重新去用同樣的流程再修改

解決了！！謝謝各位大大們指導！