Javascript document.getElementById问题

时间:2014-03-08 00:24:33

标签: javascript html getelementbyid

我是javascript的初学者,我正在尝试学习如何使用文本框,因为我似乎无法找到一个对我来说足够简单的页面。这就是我所拥有的,但当我单击该按钮时,它只返回[object HTMLInputElement]。有人可以告诉我我做错了什么并帮我解决了吗?感谢。

<html>
<head>
<script language="javascript">
function displaynumber(){
var number1= document.getElementById("num1");
alert(number1).value
}
</script>
<title>
ok
</title>
</head>
<body>
<form>
Input the first number<input type="text" id="num1">
<input type="button" value="submit" onClick="displaynumber()">
</form>
</body>
</html>

2 个答案:

答案 0 :(得分:3)

你应该纠正你的错字:

alert(number1).value

alert(number1.value)

答案 1 :(得分:2)

您正在提醒number1,然后尝试阅读 value 的返回值的alert()属性。

在函数调用中移动属性访问器。

alert(
    number1.value
);