为什么我得到ReferenceError:getElementById未定义

时间:2016-08-12 13:49:34

标签: javascript

您好我尝试使用JavaScript进行计算功能。 这是我的代码。

function DoAdd()
{
    //Get value1
 var Value1 = new Number(getElementById("Value1").value);
    //get value2
 var value2 = new Number(getElementById("Value2").value);
 //value1 + value2 
 document.getElementById("Result").setAttribute("value", Value1 + Value2);
}
Value1:
<input type="text" id="Value1" value="5">
</p>
<p>
Value2:
<input type="text" id="Value2" value="4">
</p>
<p>
Result:
<input type="text" value="" id="Result" readonly="true">
</p>
<input type="button" value="+" onclick="DoAdd()" />
<input type="button" value="-" onclick="DoSub()" />
<input type="button" value="*" onclick="DoMul()" />
<input type="button" value="/" onclick="DoDiv()" />

此代码给出了一个错误:ReferenceError: getElementById未定义DoAdd(), onclick().

我哪里出错了?

----编辑------

不要忘记查看您使用的语言中的语法,就像我一样。

错: - var Value1 = new Number(getElementById("Value1").value);
- var value2 = new Number(getElementById("Value2").value);

修复:
- var Value1 = new Number(document.getElementById("Value1").value);
- var value2 = new Number(document.getElementById("Value2").value);

2 个答案:

答案 0 :(得分:4)

您必须使用document.getElementById(),因为您尚未在本地定义名为getElementById()的函数。您可以在 MDN documentation 处查看更多document.getElementById()语法。

答案 1 :(得分:0)

带有getElementById的前缀document,例如document.getElementById