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 这类方法所得到的结果都是集合.用于批量更新时的数据传递.

Javascript 相关文章推荐
QUnit jQuery的TDD框架
Nov 04 Javascript
基于Jquery的标签智能验证实现代码
Dec 27 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
node.js实现爬虫教程
Aug 25 Javascript
Javascript类型系统之undefined和null浅析
Jul 13 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
Apr 28 Javascript
使用React-Router实现前端路由鉴权的示例代码
Jul 26 Javascript
js+css3实现简单时钟特效
Sep 13 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
You might like
php调用MySQL存储过程的方法集合(推荐)
2013/07/03 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
javascript中的new使用
2010/03/20 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
原生js实现查找/添加/删除/指定元素的class
2013/04/12 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
javascript 函数及作用域总结介绍
2013/11/12 Javascript
JS判断不能为空实例代码
2013/11/26 Javascript
Javascript中对象继承的实现小例
2014/05/12 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
2016/05/16 Javascript
基于JavaScript实现自定义滚动条
2017/01/25 Javascript
深入理解 JavaScript 中的 JSON
2017/04/06 Javascript
深入Node TCP模块的理解
2019/03/13 Javascript
javascript History对象原理解析
2020/02/17 Javascript
js验证账户名是否重复
2020/05/26 Javascript
python 不关闭控制台的实现方法
2011/10/23 Python
Python笔记(叁)继续学习
2012/10/24 Python
python网络编程学习笔记(四):域名系统
2014/06/09 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
解决python通过cx_Oracle模块连接Oracle乱码的问题
2018/10/18 Python
树莓派实现移动拍照
2019/06/22 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
canvas 阴影和图形变换的示例代码
2018/01/02 HTML / CSS
银行办理业务介绍信
2014/01/18 职场文书
高中打架检讨书
2014/02/13 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书