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实例教程(19) 使用HoTMetal(7)
Dec 23 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
js生成随机数的方法实例
Oct 16 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
Oct 26 Javascript
AngularJS模块详解及示例代码
Aug 17 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
浅谈webpack 自动刷新与解析
Apr 09 Javascript
React Native开发封装Toast与加载Loading组件示例
Sep 08 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
Vuejs中的watch实例详解(监听者)
Jan 05 Javascript
前端JS获取URL参数的4种方法总结
Apr 05 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
Home Coffee Roasting
2021/03/03 咖啡文化
php 检查电子邮件函数(自写)
2014/01/16 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
JavaScript按位运算符的应用简析
2014/02/04 Javascript
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
JavaScript简介
2015/02/15 Javascript
javascript判断并获取注册表中可信任站点的方法
2015/06/01 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
vue多种弹框的弹出形式的示例代码
2017/09/18 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
[01:05:07]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第一场2月1日
2021/03/11 DOTA
python练习程序批量修改文件名
2014/01/16 Python
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
20个常用Python运维库和模块
2018/02/12 Python
对Pycharm创建py文件时自定义头部模板的方法详解
2019/02/12 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
python设置环境变量的作用和实例
2019/07/09 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
python给指定csv表格中的联系人群发邮件(带附件的邮件)
2019/12/31 Python
python怎么提高计算速度
2020/06/11 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
巴西本土电商平台:Americanas
2020/06/21 全球购物
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
社区志愿者心得体会
2014/01/03 职场文书
新年团拜会主持词
2014/04/02 职场文书
生物科学专业自荐书
2014/06/20 职场文书
教师辞职信范文
2015/02/28 职场文书
交通事故代理词范文
2015/05/23 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书
pytorch中的torch.nn.Conv2d()函数图文详解
2022/02/28 Python