作者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/cn.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