javascript - 如何对一个带有 id 的空 div 求和？

Question

编写一个名为“additionCalculator”的函数，它不接受任何参数并且不返回值。此函数将控制将两个数字相加的基于 Web 的计算器的逻辑。网页上将有两个文本框，id 分别为“input_one”和“input_two”，以及一个 id 为“sum”的空 div。读取两个文本框的值，将这两个值相加写在div里面。

function additionCalculator(){
    var one = parseInt(document.getElementById('input_one'));
    var two = parseInt(document.getElementById('input_two'));
    var sum = one + two;
    document.getElementById('sum').value = sum;
}

我似乎无法将这两个数字相加。我做错了什么？

Answer 1

document.getElementById 返回一个 HTML 元素 - 您需要该元素的 value(我假设这些是输入)- 因此您需要获取实际属性:

var one = parseInt(document.getElementById('input_one').value);
var two = parseInt(document.getElementById('input_two').value);

将值设置回 div 时 - 使用 innerHTML 属性:

document.getElementById('sum').innerHTML = sum;