Javascript应用程序使用文本框添加两个数字并显示结果

Question

如果我将结果保存在函数内的变量中：

var result=document.getElementById('result');
result.value=num1+num2;

结果不会显示在文本框中。

但如果我写：

.

然后一切都好。 任何人都可以帮助我为什么会发生这种情况？

Answer 1

此处result是value：

的值

var result=document.getElementById('result').value;

此处result.value是对value的引用：

var result=document.getElementById('result');

Answer 2

result是您第一个代码段中某个时间点Number的实例。没有注意到result的更改并将其关联回来的元素，因此输入字段不会更新。

在第二个代码段中，您保存对DOMElement，#result的引用并设置其值，以便更新字段中的文字。