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获取浏览器版本及名称实现函数
Apr 02 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
Jul 08 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
详解js几个绕不开的事件兼容写法
Aug 30 Javascript
JS返回顶部实例代码
Aug 09 Javascript
vue.extend实现alert模态框弹窗组件
Apr 28 Javascript
node和vue实现商城用户地址模块
Dec 05 Javascript
VUE+Element环境搭建与安装的方法步骤
Jan 24 Javascript
解决vue打包 npm run build-test突然不动了的问题
Nov 13 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编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
PHP数据源架构模式之表入口模式实例分析
2020/01/23 PHP
如何取得中文输入的真实长度?
2006/06/24 Javascript
无阻塞加载脚本分析[全]
2011/01/20 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
2013/05/07 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
2014/04/04 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
2015/09/01 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
2016/04/18 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
2018/09/25 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
Python简单基础小程序的实例代码
2019/04/28 Python
python plotly绘制直方图实例详解
2019/07/22 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
利用纯html5绘制出来的一款非常漂亮的时钟
2015/01/04 HTML / CSS
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
请说出几个常用的异常类
2013/01/08 面试题
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
一年级学生期末评语
2014/04/21 职场文书
乡镇保密工作责任书
2014/07/28 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
如果用一句诗总结你的上半年,你会用哪句呢?
2019/07/16 职场文书
redis三种高可用方式部署的实现
2021/05/11 Redis
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python