JavaScript document.getElementById问题

Question

我是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>

Answer 1

您应该纠正输入错误：

alert(number1).value

至

alert(number1.value)

Answer 2

您正在警告number1 ，然后尝试读取alert()返回值的value属性。

将属性访问器移到函数调用内。

alert(
    number1.value
);

JavaScript document.getElementById问题

问题描述

2 个解决方案

解决方案1
3 已采纳 2014-03-08 00:26:22

解决方案2
2 2014-03-08 00:26:09

JavaScript document.getElementById问题

问题描述

2 个解决方案

解决方案1 3 已采纳 2014-03-08 00:26:22

解决方案2 2 2014-03-08 00:26:09

解决方案1
3 已采纳 2014-03-08 00:26:22

解决方案2
2 2014-03-08 00:26:09