作者lovejoe7010 (shen)
看板Ajax
標題[問題] 透過javascript 更改data-*值
時間Thu Mar 24 23:42:15 2016
這是一個購物車的數量
<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://webptt.com/m.aspx?n=bbs/Ajax/M.1458834138.A.FCE.html
1F：推 Fantasywind: setAttribute 03/25 04:37
3F：→ lovejoe7010: 樓上大大的連結我看不懂怎麼用哩>< 03/25 11:35
5F：推 Hevak: 你畫面是用什麼東西出來的？你是不是有用什麼東西去取值再 03/25 23:22
6F：→ Hevak: 弄到畫面上？單純document.getElementByID('cart_div').dat 03/25 23:23
7F：→ Hevak: aset.cart=2;當然不會同時更改你利用那個值生出來的畫面， 03/25 23:23
8F：→ Hevak: 你可以打開瀏覽器開發者工具看，實際上data-cart是已經被改 03/25 23:23
9F：→ Hevak: 成2的，但你應該有利用這個值去對li做更動？ 03/25 23:24
10F：→ Hevak: 你可以試試看： 03/25 23:24
11F：→ Hevak: var $cartDiv = document.getElementByID('cart_div'); 03/25 23:24
12F：→ Hevak: $cartDiv.innerHtml = $cartDiv.dataset.cart; 03/25 23:25
13F：→ Hevak: $cartDiv.dataset.cart=2; 03/25 23:25
14F：→ Hevak: $cartDiv.innerHtml = $cartDiv.dataset.cart;//更新畫面 03/25 23:25
15F：→ Hevak: 數值這些東西是沒有在自動綁定的，你改了什麼就要重新去用 03/25 23:26
16F：→ Hevak: 同樣的流程再修改 03/25 23:26
17F：→ lovejoe7010: 解決了！！謝謝各位大大們指導！ 03/26 12:38