如何显示使用javascript动态计算的两个数字的总和

我在stackoverflow上看到了这段代码，它从输入字段计算两个数字，并在另一个文本字段中显示总和

javascript

    <script type="text/javascript">
function calculate(){
    var x=parseInt(document.getElementById("first").value);
    var y=parseInt(document.getElementById("second").value);
    document.getElementById("answer").value=(x+y);
    }
    </script>

函数计算（）{
var x=parseInt（document.getElementById（“first”）.value）；
var y=parseInt（document.getElementById（“second”）.value）；
document.getElementById（“答案”）.value=（x+y）；
}

身体

第一：

第二：

回答：

当我试图将答案输入字段更改为

时，答案不显示。我是否可以将其显示为

或标题

DOM

由

getElementById（元素的ID\u）返回的对象
没有
值
属性

要设置span/div的文本，请使用
element.innerText

试试这个：


函数计算（）{
var x=parseInt（document.getElementById（“first”）.value）；
var y=parseInt（document.getElementById（“second”）.value）；
document.getElementById（“answer”）.innerText=（x+y）；
}
首先：

第二：

答复:

DOM
由
getElementById（元素的ID\u）返回的对象
没有
值
属性

要设置span/div的文本，请使用
element.innerText

试试这个：


函数计算（）{
var x=parseInt（document.getElementById（“first”）.value）；
var y=parseInt（document.getElementById（“second”）.value）；
document.getElementById（“answer”）.innerText=（x+y）；
}
首先：

第二：

答复:

第一：

第二：

回答：

计算=函数（）{
var x=parseInt（document.getElementById（“first”）.value）；
var y=parseInt（document.getElementById（“second”）.value）；
var ans=（x+y）
document.getElementById（“答案”）.value=ans；
}

第一：

第二：

回答：

计算=函数（）{
var x=parseInt（document.getElementById（“first”）.value）；
var y=parseInt（document.getElementById（“second”）.value）；
var ans=（x+y）
document.getElementById（“答案”）.value=ans；
}

函数查找总计（）
{
var arr=document.getElementsByName（'field'）；
//警报（arr.length）；
var-tot=0；
对于（var i=0；i
函数查找总计（）
{
var arr=document.getElementsByName（'field'）；
//警报（arr.length）；
var-tot=0；
对于（var i=0；i使用document.getElementById（“answer”）.textContent如果将输入更改为span，则不能通过
element.value
分配值，而是使用
element.innerHTML
使用document.getElementById（“answer”）.text如果你将输入改为span，那么你就不能通过
元素来赋值。value
而是通过
元素来赋值。innerHTML
或innerHTML可以实现更大的向后兼容性。实际上，IE首先支持innerText。FireFox对它的选择很慢：@mplungjan，但如果是这样的话。我们总是把comp与IE；）或innerHTML的兼容性可实现更大的向后兼容性实际上，innerText首先受到IE的支持。是FireFox迟迟没有找到它：@mplungjan，尽管如此..我们始终将兼容性与IE联系在一起；）OP希望在
span
中有输出，只需使用innerHTML替换元素id中的值：OP希望在
span
中有输出，只需使用innerHTML替换元素id中的值：您能在您的答案中添加此代码作为真实代码吗？对此也有一个很好的解释。您能在答案中添加此代码作为真实代码吗？对此也有一个很好的解释。
    First:<input id="first" name="first" type="text"><br>
    Second:<input id="second" name="second" type="text"><br>
    Answer:<input id="answer" name="answer" type="text"><br>
    <input onclick="calculate()" type="button" value="Addition">

First:<input id="first" name="first" type="text"><br>
    Second:<input id="second" name="second" type="text"><br>
    Answer:<input id="answer" name="answer" type="text"><br>
    <input onclick="return calculate();" type="button" value="Addition">


calculate = function(){
    var x=parseInt(document.getElementById("first").value);
    var y=parseInt(document.getElementById("second").value);
    var ans=(x+y)
    document.getElementById("answer").value=ans;
    }