[JavaScript]了解Dom_Byname

初露微微

于 2021-08-11 23:08:08 发布

阅读量125

点赞数

分类专栏： Javascript 文章标签： javascript js css 列表

本文链接：https://blog.csdn.net/wy1948/article/details/119618883

版权

Javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

此处省略一万零一的字…

document.getElementsByName()用法

[参数]:name的值
// [返回值]：装有符合条件的元素节点的数组
// [注]：name属性一般情况下，只有文本输入框的元素节点才有

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>了解Dom_Byname</title>
		<script type="text/javascript">
//           document.getElementsByName()
// /* 		  [参数]:name的值
// 		      [返回值]：装有符合条件的元素节点的数组
// 		      [注]：name属性一般情况下，只有文本输入框的元素节点才有 */
		  window.onload = function(){
			  var byname = document.getElementsByName("hello");
			  alert(byname);
			  // alert(byname.length);输出3
			  // alert(byname);object Nodelist 字面为节点列表
			 /* // var Div=document.getElementById("Div1");
			  // var byname=Div.getElementsByName("hello");  不会实际输出*/  
			  
		  }
		</script>
	</head>
	<body>
		<div name="hello"></div>
		<span name="hello"></span>
		<div id="Div1"></div>
		<input name="hello"/>
	</body>
</html>