编程 Javascript

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 这类方法所得到的结果都是集合.用于批量更新时的数据传递.

Document:getElementsByName()使用方法及示例

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

QUnit jQuery的TDD框架

Nov 04 Javascript

基于Jquery的标签智能验证实现代码

Dec 27 Javascript

jquery图片播放浏览插件prettyPhoto使用详解

Dec 19 Javascript

javascript实现控制文字大中小显示

Apr 28 Javascript

node.js实现爬虫教程

Aug 25 Javascript

Javascript类型系统之undefined和null浅析

Jul 13 Javascript

关于json字符串与实体之间的严格验证代码

Nov 10 Javascript

jQuery File Upload文件上传插件使用详解

Dec 06 Javascript

理解javascript中的Function.prototype.bind的方法

Feb 03 Javascript

JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查

Apr 28 Javascript

使用React-Router实现前端路由鉴权的示例代码

Jul 26 Javascript

js+css3实现简单时钟特效

Sep 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