博客列表 >根据name获取元素

根据name获取元素

玄夜的博客
玄夜的博客原创
2019年01月07日 13:21:221696浏览
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--name属性不是所有元素都有,只有一些特定元素才有,表单,表单内的元素,图像,iframe-->
		<form name="login">
			<input type="text" name="uesername" />
			<input type="password" name="password" />
			<button name="button">提交</button>
		</form>
	</body>
	
	<script>
//		getElementsByName()返回的是一个节点列表数组,NodeList
		var login = document.getElementsByName('login')[0]
		console.log(login)
		login.style.background = 'pink'
		
		//可以把name属性当成document对象的属性使用
		var login1 = document.login;
		console.log(login1)
		login1.style.background = 'yellow'
	</script>
</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议