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 相关文章推荐
js option删除代码集合
Nov 12 Javascript
纯JS实现的批量图片预览加载功能
Aug 14 Javascript
jQuery下通过replace字符串替换实现大小图片切换
May 22 Javascript
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
jquery实现控制表格行高亮实例
Jun 05 Javascript
Javascript基础教程之函数对象和属性
Jan 18 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
node.js学习之断言assert的使用示例
Sep 28 Javascript
Vue+mui实现图片的本地缓存示例代码
May 24 Javascript
了解前端理论:rscss和rsjs
May 23 Javascript
Vue3新特性之在Composition API中使用CSS Modules
Jul 13 Javascript
EXTJS7实现点击拖拉选择文本
Dec 17 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 文件编程综合案例-文件上传的实现
2013/07/03 PHP
php include类文件超时问题处理
2015/02/06 PHP
PHP数组函数知识汇总
2016/05/12 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
js 页面执行时间计算代码
2009/03/04 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
JavaScript设计模式开发中组合模式的使用教程
2016/05/18 Javascript
对Js OOP编程 创建对象的一些全面理解
2016/07/26 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
jQuery.ajax向后台传递数组问题的解决方法
2017/05/12 jQuery
详解A标签中href=&quot;&quot;的几种用法
2017/08/20 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
详解react-redux插件入门
2018/04/19 Javascript
详解如何使用babel进行es6文件的编译
2018/05/29 Javascript
[33:28]完美世界DOTA2联赛PWL S3 PXG vs GXR 第三场 12.19
2020/12/24 DOTA
python冒泡排序简单实现方法
2015/07/09 Python
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
Python利用requests模块下载图片实例代码
2019/08/12 Python
pytorch::Dataloader中的迭代器和生成器应用详解
2020/01/03 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
python如何变换环境
2020/07/21 Python
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
服装设计专业毕业生推荐信
2013/11/09 职场文书
秘书专业自荐信范文
2013/12/26 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
2014年仓库工作总结
2014/11/20 职场文书
如何使用PyCharm及常用配置详解
2021/06/03 Python
用Java实现简单计算器功能
2021/07/21 Java/Android