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中的私有成员
Sep 18 Javascript
JavaScript Date对象使用总结
May 14 Javascript
js 多浏览器分别判断代码
Apr 01 Javascript
用Javascript来生成ftp脚本的小例子
Jul 03 Javascript
禁用JavaScript控制台调试的方法
Mar 07 Javascript
JS的数组迭代方法
Feb 05 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
Oct 14 Javascript
javascript cookie的简单应用
Feb 24 Javascript
jQuery组件easyui基本布局实现代码
Aug 25 Javascript
TypeScript入门-接口
Mar 30 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
JavaScript 装逼指南(js另类写法)
May 10 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 防恶意刷新实现代码
2010/05/16 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
js操作XML文件的实现方法兼容IE与FireFox
2016/06/25 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
2016/09/08 Javascript
jQuery实现表格元素动态创建功能
2017/01/09 Javascript
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
js实现点赞效果
2020/03/16 Javascript
python调用摄像头显示图像的实例
2018/08/03 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
python制作mysql数据迁移脚本
2019/01/01 Python
2020年10款优秀的Python第三方库,看看有你中意的吗?
2021/01/12 Python
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
html5超简单的localStorage实现记住密码的功能实现
2017/09/07 HTML / CSS
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
Jones New York官网:美国女装品牌,受白领女性欢迎
2019/11/26 全球购物
成教自我鉴定
2013/10/27 职场文书
施工资料员的岗位职责
2013/12/22 职场文书
入党自我评价优缺点
2014/01/25 职场文书
人事专员的岗位职责
2014/03/01 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
三方协议书
2015/01/27 职场文书
撤诉申请怎么写
2015/05/19 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书
修改MySQL的默认密码的四种小方法
2021/05/26 MySQL
Nginx 常用配置
2022/05/15 Servers