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 相关文章推荐
Javascript 通过json自动生成Dom的代码
Apr 01 Javascript
一个报数游戏js版(约瑟夫环问题)
Aug 05 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
Node.js中使用计时器定时执行函数详解
Aug 15 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
javascript实现的闭包简单实例
Jul 17 Javascript
星期几的不同脚本写法(推荐)
Jun 01 Javascript
Angular 4中如何显示内容的CSS样式示例代码
Nov 06 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
详解如何在微信小程序中愉快地使用sass
Jul 30 Javascript
微信小程序日历效果
Dec 29 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和ACCESS写聊天室(六)
2006/10/09 PHP
WordPress中自定义后台管理界面配色方案的小技巧
2015/12/29 PHP
各种快递查询--Api接口
2016/04/26 PHP
Yii2简单实现给表单添加验证码的方法
2016/07/18 PHP
php头像上传预览实例代码
2017/05/02 PHP
JQuery 绑定事件时传递参数的实现方法
2009/10/13 Javascript
jquery 输入框数字限制插件
2009/11/10 Javascript
js中符号转意问题示例探讨
2013/08/19 Javascript
jquery 实现返回顶部功能
2014/11/17 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
Knockoutjs 学习系列(二)花式捆绑
2016/06/07 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
ES6新特性之Object的变化分析
2017/03/31 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
nodeJs实现基于连接池连接mysql的方法示例
2018/02/10 NodeJs
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
python实现代码行数统计示例分享
2014/02/10 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Python自动化运维之IP地址处理模块详解
2017/12/10 Python
Python cookbook(数据结构与算法)通过公共键对字典列表排序算法示例
2018/03/15 Python
Python3监控疫情的完整代码
2020/02/20 Python
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
香港永安旅游网:Wing On Travel
2017/04/10 全球购物
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
建筑工程质量通病防治方案
2014/06/08 职场文书
班级学习雷锋活动总结
2014/07/04 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
开展批评与自我批评发言稿
2014/10/16 职场文书
2015年依法行政工作总结
2015/04/29 职场文书
责任书范本大全
2015/05/11 职场文书
青年志愿者活动感想
2015/08/07 职场文书
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python