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的弹出消息插件 DivAlert之旅(一)
Apr 01 Javascript
页面加载完后自动执行一个方法的js代码
Sep 06 Javascript
JavaScript中的异常捕捉介绍
Dec 31 Javascript
jquery实现增加删除行的方法
Feb 03 Javascript
JavaScript的RequireJS库入门指南
Jul 01 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
JS中如何实现Laravel的route函数详解
Feb 12 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
Aug 31 Javascript
JS隐藏号码中间4位代码实例
Apr 09 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
js 动态校验开始结束时间的实现代码
May 25 Javascript
解读Vue组件注册方式
May 15 Vue.js
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
收音机玩机评测 406 篇视频合集
2020/03/11 无线电
文章推荐系统(二)
2006/10/09 PHP
在PHP模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
js substr、substring和slice使用说明小记
2011/09/15 Javascript
Jquery 选中表格一列并对表格排序实现原理
2012/12/15 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
Seajs的学习笔记
2014/03/04 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
JQuery实现动态操作表格
2017/01/11 Javascript
Vue.js基础学习之class与样式绑定
2017/03/20 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
Vue项目中ESlint规范示例代码
2019/07/04 Javascript
elementUI同一页面展示多个Dialog的实现
2020/11/19 Javascript
vue 在服务器端直接修改请求的接口地址
2020/12/19 Vue.js
JS实现简易日历效果
2021/01/25 Javascript
原生微信小程序开发中 redux 的使用详解
2021/02/18 Javascript
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
python实现用于测试网站访问速率的方法
2015/05/26 Python
python中logging库的使用总结
2017/10/18 Python
python如何把嵌套列表转变成普通列表
2018/03/20 Python
Python3 ffmpeg视频转换工具使用方法解析
2020/08/10 Python
python批量生成身份证号到Excel的两种方法实例
2021/01/14 Python
2014最新自愿离婚协议书范本
2014/11/19 职场文书
酒会邀请函
2015/01/31 职场文书
个人年终总结范文
2015/03/09 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
单位工资证明范本
2015/06/12 职场文书
职工食堂管理制度
2015/08/06 职场文书
2016年幼儿园庆六一开幕词
2016/03/04 职场文书
创业计划书之牛肉汤快餐店
2019/10/08 职场文书
pandas 实现将NaN转换为None
2021/05/14 Python
python用tkinter开发的扫雷游戏
2021/06/01 Python