JavaScript 计算问题 - NaN 消息

Question

我正在计算总数。我从 div 中得到总和值。但总的来说，我得到的不是数字(NaN - 不是数字)

JavaScript 函数:

<script type="text/javascript">
            function calculateTotal(){
                var total = document.getElementById('valor1').innerHTML*1 + document.getElementById('valor2').innerHTML*1 + document.getElementById('valor3').innerHTML*1 + document.getElementById('valor4').innerHTML*1 + document.getElementById('valor5').innerHTML*1 + document.getElementById('valor6').innerHTML*1;
                document.getElementById('total').innerHTML = total;
            }
</script>

编辑:

我发现了错误，我在 DIV 中有一个结束标记，如下所示:

<center><div id="valor1"></center></div>

更改为:

<center><div id="valor1"></div></center>

Answer 1

您不能直接使用 document.getElementById('valor1').innerHTML。您必须将其转换为数字。请尝试这个。

var value = document.getElementById('valor1').innerHTML;
var number = parseFloat(value)||0;

对每个有数字的 div insideHTML 执行此操作。

var number = parseFloat(value)||0;

如果 div 为空或 div html 无法转换为数字，上面的行将帮助您将 0 分配给 value。