javascript - JS '+' 运算符未从 getElementById 执行数值加法

Question

我想问一下JS运算符add或+:

function calculate() {
    var myBox1 = document.getElementById('box1').value; 
    var myBox2 = document.getElementById('box2').value;
    var result = document.getElementById('result'); 
    var myResult = myBox1 + myBox2;
    result.value = myResult;
}

如果我给出像 60 + 40 这样的数字，结果将变成 6040 而不是 100，大家能解释一下吗并告诉如何解决它？

Answer 1

function calculate() {
    var myBox1 = document.getElementById('box1').value; 
    var myBox2 = document.getElementById('box2').value;
    var result = document.getElementById('result'); 
    var myResult = parseInt(myBox1) + parseInt(myBox2);
    result.value = myResult;
}

因为 mybox1 和 mybox2 是 string，所以当你打印 result 的值时，你只会看到 6040。 解决方案是您应该使用 parseInt() 将 string 转换为 int。