Document:getElementsByName()使用方法及示例
2013-10-28 00:00
537 查看
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法document.getElementsByName(name)
该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
实例
getElementById,它也是只有document对象才能使用,而且返回的是数组的第一个元素,呵呵,它的方法名都写明了是getElement而不是getElements,所以,千万不要搞浑了.getElementsByName返回的是所有name为指定值的所有元素的集合
“根据 NAME 标签属性的值获取对象的集合。”集合比数组要松散的多, 集合里每个子项的类型可以不同, 集合只是把某些元素放在一起作为一类来使用, 相比之下数组就严格多了, 每个子项都是统一的类型. document.getElementsByName, document.getElementsByTagName, document.formName.elements 这类方法所得到的结果都是集合.用于批量更新时的数据传递.
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 这类方法所得到的结果都是集合.用于批量更新时的数据传递.
相关文章推荐
- JS 如何获取radio选中后的值及不选择取radio的值
- replace()方法查找字符使用示例
- javascript抖动元素的小例子
- js之事件冒泡和事件捕获详细介绍
- js中的replace方法使用介绍
- 使用js的replace()方法查找字符示例代码
- JS 页面计时器示例代码
- 浅析MySQL之字符串函数
- 让手机站点像原生应用的四大途径
- jQuery UI sortable()实现拖动排序
- Nginx反向代理的配置
- struts2默认拦截器与自定义拦截器在使用时的注意事项
- 二叉树遍历
- 二叉树下:
- 树的双亲存储:
- ubuntu System Program Problem Detected解决
- Python开发环境Wing IDE使用调试功能详解
- Javascript实现页面跳转的几种方式分享
- 使用淘宝IP库获取用户ip地理位置
- 提取淘宝URL中ID的PHP代码