<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>通过document方法来获取标签对象</title>
<script>
/**
* 通过document方法来获取标签对象
* 1)getElementByld("id属性值"); 返回的是某个标签对象//id一定要唯一
* 2)getElementsByName("name属性值"); 返回的标签对象集合
* 3)getElementsByTagName("标签名称"); //通过标签名称获取标签对象
*/
function init(){
//获取标签对象
var username = document.getElementById("user_name").value;
//通过name属性来获取标签对象
//var username = document.getElementsByName("username")[0].value;
//var username = document.getElementsByTagName("input")[0].value;
var username = document.getElementsByClassName("haha")[0].value;
alert(username);
}
</script>
</head>
<body onload="init()">
用户名:<input type="text"class="haha"name="username"onblur="init()"id="user_name" />
</body>
</html>