1.document.getElementById(“id的值”)
该方法返回单个元素,因为html中id只能是唯一的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>JS事件</title>
<script type="text/javascript">
function change(){
alert(document.getElementById("test")); //document可以直接使用
}
</script>
</head>
<body>
用户名:<input type="text" id="test" value=""><br>
密 码:<input type="password" name=""><br> // 
<input type="button" name="" id="" value="提交" onclick="change();">
</body>
</html>
2.document.getElementsByName(“name属性值”)
通过name属性值:document.getElementsByName(“name属性值”);该方法返回一个元素对象集合
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS事件</title>
<script type="text/javascript">
function change(){
alert(document.getElementsByName("test"));
}
</script>
</head>
<body>
用户名:<input type="text" id="test" name="test" value="test" /><br>
密 码:<input type="password" name="test" /><br>
<input type="button" name="" id="" value="提交" onclick="change();"/>
</body>
</html>
3.document.getElementsByTagName(“标签名称”)
通过标签名:document.getElementsByTagName(“标签名称”);该方法返回一个元素对象集合
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS事件</title>
<script type="text/javascript">
function change(){
alert(document.getElementsByTagName("input"));
}
</script>
</head>
<body>
用户名:<input type="text" id="test" name="test" value="test" /><br>
密 码:<input type="password" name="test" /><br>
<input type="button" name="" id="" value="提交" onclick="change();"/>
</body>
</html>