Document:getElementsByName()使用方法及示例
2018-10-12 13:55
639 查看
定义和用法
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 这类方法所得到的结果都是集合.用于批量更新时的数据传递.
您可能感兴趣的文章:
相关文章推荐
- Document:getElementsByName()使用方法及示例
- Document:getElementsByName()使用方法及示例
- 【分享】【js中的document.getElementsByName()方法的使用】
- document 方法:getElementsByName()与getElementById()、getElementsByTagName()的区别
- 黑马程序员--document方法之GetElementsByName
- IE9 使用document.getElementsByName("abc") 不能获取到名称相同SPAN元素
- 处理IE不支持document.getElementsByName获取Div对象的方法
- 获取HTML元素3个方法:document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
- 兼容ie5-ie11及其他主流浏览器的js document.getElementsByClassName 方法
- js document.getElementsByClassName的使用介绍与自定义函数
- ie 不兼容 document.getElementsByName 解决方法
- 使用document.getElementsByName("name")获取元素的value值
- 【JavaScript】修正IE下document.getElementsByName无法获取DIV标签,兼容IE FF的ByName方法
- 针对ie8等低版本浏览器document.getElementsByName方法不生效解决方法
- document.all()与document.getElementsByName()同时使用会失效
- 获取HTML元素3个方法:document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
- 原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
- 获取HTML元素3个方法:document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
- document.getElementsByName(name)该方法与 getElementById()用法
- 解决 IE 不支持 document.getElementsByClassName() 的方法