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 相关文章推荐
网页自动跳转代码收集
Sep 27 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
JavaScript调用ajax获取文本文件内容实现代码
Mar 28 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
JavaScript对数组进行随机重排的方法
Jul 22 Javascript
详解AngularJS中自定义过滤器
Dec 28 Javascript
js 创建对象 经典模式全面了解
Aug 16 Javascript
网页挂马方式整理及详细介绍
Nov 03 Javascript
js判断手机系统是android还是ios
Mar 07 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
原生javascript实现文件异步上传的实例讲解
Oct 26 Javascript
【js设计模式】SOLID五大设计原则
Mar 24 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+memcache实现的网站在线人数统计代码
2014/07/04 PHP
php中namespace及use用法分析
2016/12/06 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
驱动事件的addEvent.js代码
2007/03/27 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
2016/10/27 Javascript
js获取地址栏中传递的参数(两种方法)
2017/02/08 Javascript
Bootstrap表单控件学习使用
2017/03/07 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
移动端手指放大缩小插件与js源码
2017/05/22 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
mpvue+vuex搭建小程序详细教程(完整步骤)
2018/09/30 Javascript
微信小程序开发问题之wx.previewImage
2018/12/25 Javascript
vue分页器组件编写方法详解
2019/06/28 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
[04:55]完美世界副总裁蔡玮:DOTA2的自由、公平与信任
2013/12/18 DOTA
Python多线程编程简单介绍
2015/04/13 Python
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
使用Python绘制图表大全总结
2017/02/11 Python
python实现excel读写数据
2021/03/02 Python
python函数的作用域及关键字详解
2019/08/20 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
财会自我鉴定范文
2013/12/27 职场文书
会计电算化大学生职业规划书
2014/02/05 职场文书
小学生家长寄语
2014/04/02 职场文书
计算机专业应届生求职信
2014/04/06 职场文书
2014基层党员批评与自我批评范文
2014/09/24 职场文书
2016七夕情人节感言
2015/12/09 职场文书
党章党规党纪学习心得体会
2016/01/14 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS
Python制作一个随机抽奖小工具的实现
2021/07/07 Python