编程 Javascript

Document:getElementsByName()使用方法及示例

Posted in Javascript onOctober 28, 2013

定义和用法

getElementsByName() 方法可返回带有指定名称的对象的集合。
语法document.getElementsByName(name)

该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。

另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

实例

<html> 
<head> 
<script type="text/javascript"> 
function getElements() { 
var x=document.getElementsByName("myInput"); 
alert(x.length); 
} 
</script> 
</head> 
<body> 
<input name="myInput" type="text" size="20" /><br /> 
<input name="myInput" type="text" size="20" /><br /> 
<input name="myInput" type="text" size="20" /><br /><br /> 
<input type="button" onclick="getElements()"value="How many elements named 'myInput'?" /> 
</body> 
</html>

getElementById,它也是只有document对象才能使用,而且返回的是数组的第一个元素,呵呵,它的方法名都写明了是getElement而不是getElements,所以,千万不要搞浑了.getElementsByName返回的是所有name为指定值的所有元素的集合

“根据 NAME 标签属性的值获取对象的集合。”集合比数组要松散的多, 集合里每个子项的类型可以不同, 集合只是把某些元素放在一起作为一类来使用, 相比之下数组就严格多了, 每个子项都是统一的类型. document.getElementsByName, document.getElementsByTagName, document.formName.elements 这类方法所得到的结果都是集合.用于批量更新时的数据传递.

Document:getElementsByName()使用方法及示例

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 年月日联动实现核心代码

Dec 21 Javascript

javascript控制台详解

Jun 25 Javascript

js带前后翻页的图片切换效果代码分享

Sep 08 Javascript

jquery验证邮箱格式是否正确实例讲解

Nov 16 Javascript

JavaScript 数组的进化与性能分析

Sep 18 Javascript

JS基于封装函数实现的表格分页完整示例

Jun 26 Javascript

webpack手动配置React开发环境的步骤

Jul 02 Javascript

记一次webapck4 配置文件无效的解决历程

Sep 19 Javascript

Vue前后端不同端口的实现方法

Sep 19 Javascript

JS如何定义用字符串拼接的变量

Jul 11 Javascript

vue - props 声明数组和对象操作

Jul 30 Javascript

原生js实现无缝轮播图效果

Jan 28 Javascript

JS截取字符串常用方法详细整理

Oct 28 #Javascript

js自动生成对象的属性示例代码

Oct 28 #Javascript

js实现点小图看大图效果的思路及示例代码

Oct 28 #Javascript

javascript:void(0)的作用示例介绍

Oct 28 #Javascript

jsonp原理及使用

Oct 28 #Javascript

JS实现一键回顶功能示例代码

Oct 28 #Javascript

简单的js表单验证函数

Oct 28 #Javascript