document.getElementById("user")为什么返回值为空 ??

<%@pagelanguage="java"pageEncoding="ISO-8859-1"%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4... <%@ page language="java" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<script type="text/javascript">
var values= document.getElementById("user");
alert(values);
</script>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user">
</form>
</body>

</html>
展开
 我来答
小柔失12
2010-08-20 · TA获得超过494个赞
知道答主
回答量:82
采纳率:0%
帮助的人:65.5万
展开全部
楼主你好, 你的代码主要有2个错误:
1. 你写的javaScript 并没有把 输入框 的值付给变量 values;
2. 当执行器执行代码:

<script type="text/javascript">
var values= document.getElementById("user");
alert(values);
</script>

时, 他还没有读入:
<input type="text" name="user" value="www" id="user">


有两种方法可以完成楼主所需要的功能,方法一: 将JavaScript 放到 表单后面; 方法二: 定义JavaScript 事件处理函数。以下是 这两种方法的具体代码:

方法一:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user" >
</form>
<script type="text/javascript">
var values= document.getElementById("user").value;
alert(values);
</script>
</body>
</html>

方法二:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function showValues(){
var values= document.getElementById("user").value;
alert(values);
}
</script>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user" onmousemove="showValues()" >
</form>
</body>
</html>

我已经测试过以上代码, 能正确运行。
如果楼主还有疑惑, 可以随时发信息来给我。O(∩_∩)O~
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式