<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通过document对象的方法获取标签对象</title>
<!--
document对象的方法来获取标签对象
getElementById("id属性值") 返回对拥有指定 id 的第一个对象的引用。
通过标签的id属性值来获取标签对象,获取指定的某一个标签对象
getElementsByName("name属性值") 返回带有指定名称的对象集合。
通过标签的name属性值获取获取标签对象--返回标签对象列表
getElementsByTagName("标签名称") 返回带有指定标签名的对象集合。
通过标签名称获取标签对象--返回节点列表
getElementsByClassName("class属性值"):通过class属性值获取标签对象---返回的节点列表
-->
<script>
function getName(){
//获取标签对象
/* var input=document.getElementById("username"); */
//获取标签中的内容
//通过class属性值获取标签对象
/* var input=document.getElementsByClassName("inputClass")[0]; */
//通过name属性值获取标签对象
/* var input=document.getElementsByName("uname")[0]; */
//通过标签名称获取
var input=document.getElementsByTagName("input")[0];
var username=input.value;
alert(username);
}
</script>
</head>
<body>
用户名:
<input type="text" placeholder="请输入" id="username" onblur="getName()"
class="inputClass" name="uname"/><!-- 失去焦点 onblur -->
</body>
</html>
通过document对象的方法获取标签对象
最新推荐文章于 2024-04-12 15:56:41 发布