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 年月日联动实现核心代码
Dec 21 Javascript
javascript控制台详解
Jun 25 Javascript
js带前后翻页的图片切换效果代码分享
Sep 08 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
JavaScript 数组的进化与性能分析
Sep 18 Javascript
JS基于封装函数实现的表格分页完整示例
Jun 26 Javascript
webpack手动配置React开发环境的步骤
Jul 02 Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 Javascript
Vue前后端不同端口的实现方法
Sep 19 Javascript
JS如何定义用字符串拼接的变量
Jul 11 Javascript
vue - props 声明数组和对象操作
Jul 30 Javascript
原生js实现无缝轮播图效果
Jan 28 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 Google的translate API代码
2008/12/10 PHP
PHP教程 预定义变量
2009/10/23 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
php验证码生成器
2017/05/24 PHP
基于jquery的获取mouse坐标插件的实现代码
2010/04/01 Javascript
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
nodejs学习笔记之路由
2017/03/27 NodeJs
Swiper实现轮播图效果
2017/07/03 Javascript
快速处理vue渲染前的显示问题
2018/03/05 Javascript
webpack v4 从dev到prd的方法
2018/04/02 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
js之切换全屏和退出全屏实现代码实例
2019/09/09 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
微信小程序实现拨打电话功能的示例代码
2020/06/28 Javascript
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
Python3字符串encode与decode的讲解
2019/04/02 Python
Python实现新型冠状病毒传播模型及预测代码实例
2020/02/05 Python
Python socket连接中的粘包、精确传输问题实例分析
2020/03/24 Python
Python短信轰炸的代码
2020/03/25 Python
python连接mysql有哪些方法
2020/06/24 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
房地产销售员的自我评价分享
2013/12/04 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
查摆问题对照检查材料
2014/08/28 职场文书
2014年学生会工作总结范文
2014/11/07 职场文书
导游词范文
2015/02/13 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
2016猴年春节慰问信
2015/11/30 职场文书