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 相关文章推荐
js 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
javascript 面向对象编程 聊聊对象的事
Sep 17 Javascript
两个JavaScript jsFiddle JSBin在线调试器
Mar 14 Javascript
密码强度检测效果实现原理与代码
Jan 04 Javascript
jQuery基本过滤选择器使用介绍
Apr 18 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
vue多级多选菜单组件开发
Sep 08 Javascript
vue通过cookie获取用户登录信息的思路详解
Oct 30 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
vue实现的上拉加载更多数据/分页功能示例
May 25 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 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
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
基于php常用正则表达式的整理汇总
2013/06/08 PHP
php对包含html标签的字符串进行截取的函数分享
2014/06/19 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
JS Array对象入门分析
2008/10/30 Javascript
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
Jquery焦点图实例代码
2014/11/25 Javascript
原生JavaScript+LESS实现瀑布流
2014/12/12 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
2015/04/07 Javascript
jQuery绑定事件on()与弹窗的简要概述
2016/04/27 Javascript
详解Node.Js如何处理post数据
2016/09/19 Javascript
NODE.JS跨域问题的完美解决方案
2016/10/20 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
Python标准库之collections包的使用教程
2017/04/27 Python
基于随机梯度下降的矩阵分解推荐算法(python)
2018/08/31 Python
Python partial函数原理及用法解析
2019/12/11 Python
Python 支持向量机分类器的实现
2020/01/15 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
澳大利亚最大的女装零售商:Millers
2017/09/10 全球购物
新西兰优惠网站:Treat Me
2019/07/04 全球购物
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
生产车间实习自我鉴定
2013/09/23 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS