将 div 数据转换为浮点数并呈现

Question

所以我试图做的是在我的 html 文档中获取 class "value" 中 betreturns 中的所有 div，这些 div 看起来像这样:

<div class="value">$ 0.53</div>

我想让我的代码做的是获取它们的总值并在警报中显示结果，但是我在转换为数字时遇到了一些问题并希望得到一些帮助，这就是我的程度已经来了，但我在 return 中得到的只是 NaN.

代码：

window.addEventListener("load", prep, false);
function prep() {
    var returns = document.getElementById("betreturns");
    var value =returns.getElementsByClassName("value");
    var val;
    var str;
    var total;
    for (x=0; x<value.length; x++) {
        str = value[x].toString();
        val = str.substring(2);
        val = parseFloat(val);
        total = total + val;
    }
    window.alert(total);
}

有什么想法吗？

Answer 1

您的变量 "total" 已声明但未定义。在对其进行任何计算之前尝试将其设置为 0：

 var total = 0;

希望对您有所帮助！

Answer 2

您需要初始化 total 变量才能增加它。

var total = 0;

要访问 div 的文本，您必须获取 innerHTML 属性，例如

str=value[x].innerHTML;

这是一个例子 http://plnkr.co/edit/5S6cJDPbT7PvO0u77z8m?p=preview

希望你觉得有用

将 div 数据转换为浮点数并呈现

Convert div data to a float and present it

javascript

int

casting