现在的位置: 首页 > 综合 > 正文

初学js–获取元素的值

2012年01月08日 ⁄ 综合 ⁄ 共 634字 ⁄ 字号 评论关闭

获取表单元素的值:
通过表单名及元素名获取:
document.表单名.元素名.相应属性
例子:
document.form1.text1.value
缺点:只能获取表单内对象
通过ID获取:
document.getElementById("元素ID").相应属性
例子:
document.getElementById("text1").value
缺点:需为元素指定ID
注意:要把脚本放到指定元素的下方,否则无效。
例子:
<html>
<head>
<title>
javascript learning
</title>
</head>
<body>
<form id="form1" name="form1" method="post"
action="http://www.baidu.com">
<input name="UserName" type="text"

id="UserNameId" value="zzz" />
</form>
<input name="text" type="text" id="text"

value="ttt" />
<script language="javascript">
var a=document.form1.UserName.value;
var b=document.getElementById("text").value;
alert(a);
alert(b);
</script>
</body>
</html>
注意,表单元素要有默认值,脚本要在下面写,还要注意获取的是表单名称还是ID

 

抱歉!评论已关闭.