在Html5中，当某些内容被删除时，如何使用Javascript计算div框中的“数据价格”属性？

我想通过javascript对我的div框的data attributes data price中的数字相加，并在div框中显示结果

我的问题是，我得到了以下java脚本，但它只计算输入的值，而不是我的div框的数据价格属性：

<script type="text/javascript">
function findTotal(){
var arr = document.getElementsByName('qty');
var tot=0;
for(var i=0;i<arr.length;i++){
    if(parseInt(arr[i].value))
        tot += parseInt(arr[i].value);
}
document.getElementById('total').value = tot;
}
</script>

<div name="qty" data-price="1.12" dragable="true">Text</div>

我的div box：

<script type="text/javascript">
function findTotal(){
var arr = document.getElementsByName('qty');
var tot=0;
for(var i=0;i<arr.length;i++){
    if(parseInt(arr[i].value))
        tot += parseInt(arr[i].value);
}
document.getElementById('total').value = tot;
}
</script>

<div name="qty" data-price="1.12" dragable="true">Text</div>

输出div框：

<div id="total">0</div>

---

执行以下操作时，我必须更改什么？

：

if (parseInt(arr[i].value))

您正试图访问没有默认HTML值属性的元素的value属性。您似乎希望访问数据price而不是value属性，这是一个重要的属性。此外，您有浮点数，而不是整数，因此请使用：

if (parseFloat(arr[i].dataset.price))

e、 g

window.onload=函数{ var合计=0； var节点=document.getElementsByName'qty'； []forEach.callnodes，functionnode{ console.lognode.dataset.price； 总计+=parseFloatnode.dataset.price } console.log'Total:'+总计； } 这个1.12美元

---

这个价格是1.45 Java和javascript不一样！！看起来你在问如何在html5中访问数据属性，所以也许你应该试试，你会学到如何。我想让脚本汇总所有数据属性的数字data-price。我能不能同时显示两个小数？