javascript - 将 div 数据转换为 float 并呈现

Question

所以我试图做的是获取我的 html 文档中的 betreturns 中具有类“value”的所有 div，这些 div 如下所示:

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

我希望我的代码做的是获取它们的总值(value)并在警报中显示结果，但是我在转换为数字时遇到一些问题并希望获得一些帮助，这就是我已经走了多远但我得到的返回是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 变量才能增加它。

var 总计 = 0;


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

str=值[x].innerHTML;


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

希望你觉得它有用