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 相关文章推荐
jQuery textarea的长度进行验证
May 06 Javascript
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
基于jquery实现控制经纬度显示地图与卫星
May 20 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
Jan 22 Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 Javascript
jquery.tableSort.js表格排序插件使用方法详解
Aug 12 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
基于jQuery的左滑出现删除按钮的示例
Aug 29 jQuery
js实现单张图片平移切换效果
Oct 11 Javascript
JS关于刷新页面的相关总结
May 09 Javascript
vue-router启用history模式下的开发及非根目录部署方法
Dec 23 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
Aug 21 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简洁函数小结
2011/08/12 PHP
php通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
php的PDO事务处理机制实例分析
2017/02/16 PHP
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
2009/04/24 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
详解Node中导入模块require和import的区别
2017/08/11 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
vue 实现用户登录方式的切换功能
2020/04/14 Javascript
[42:50]NB vs VP 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
Django中模版的子目录与include标签的使用方法
2015/07/16 Python
Python字符串的一些操作方法总结
2019/06/10 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
python 画图 图例自由定义方式
2020/04/17 Python
python 实现逻辑回归
2020/12/30 Python
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
微软中国官方旗舰店:销售Surface、Xbox One、笔记本电脑、Office
2018/07/23 全球购物
DataReader和DataSet的异同
2014/12/31 面试题
个人找工作的自我评价
2013/10/17 职场文书
产品委托授权书范本
2014/09/16 职场文书
作风建设整改方案
2014/10/27 职场文书
文员岗位职责范本
2015/04/16 职场文书
学校百日安全活动总结
2015/05/07 职场文书
MySql学习笔记之事务隔离级别详解
2021/05/12 MySQL
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers