javascript getElementsByName()的用法说明


Posted in Javascript onJuly 31, 2009

我们来看:
oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下:
if(oEle.length){}else{};
在两种情况下,花括号里面的内容写法也是不一样的:

if(oEle.length){ 
for(var i = 0 ;i<oEle.length;i++){ 
oEle[i].value........ 
} 
} 
else{ 
oEle.value........ 
};

但是这样写是不是太复杂了点?而且当花括号里面的代码比较多的时候,我们要写两遍代码,晕了先~
还好有document.getElementsByName()这个方法.它对一个和多个的处理是一样的,我们可以用:
oEle = document.getElementsByName('aaa')来引用
当oEle只有1个的时候,那么就是oEle[0],有多个的时候,用下标法oEle[i]循环获取,是不是很简单?
值得一提的是它对Name和ID的同样有效的.
但是它只能应用到document对象.相对应的,还有另一个方法,可以应用的对象会更广一点:
getElementsByTagName,比如我知道了一个<DIV ID='aaa'><input/><input/>......</DIV>
我要取DIV里面的所有input,这样写就可以了:aaa.getElementsByTagName('INPUT'),这样就有效的可以和别的DIV(比如说有个叫bbb的DIV,里面的也是一样的input)相区别.
同getElementsByTagName相对应,还有一个document.body.all.tags(),能用这个方法的对象比getElementsByTagName要小得多.但比getElementsByName要多.
到这里我们还要提一下getElementById,它也是只有document对象才能使用,而且返回的是数组的第一个元素,呵呵,它的方法名都写明了是getElement而不是getElements,所以,千万不要搞浑了
Javascript 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
jquery 卷帘效果实现代码(不同方向)
Feb 05 Javascript
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
Jquery getJSON方法详细分析
Dec 26 Javascript
javascript实现限制上传文件大小
Feb 06 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
JS自定义滚动条效果简单实现代码
Oct 27 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
解决vue admin element noCache设置无效的问题
Nov 12 Javascript
vue实现div单选多选功能
Jul 16 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 Vue.js
extjs 列表框(multiselect)的动态添加列表项的方法
Jul 31 #Javascript
JavaScript 学习小结(适合新手参考)
Jul 30 #Javascript
JavaScript 创建对象和构造类实现代码
Jul 30 #Javascript
Javascript 学习笔记 错误处理
Jul 30 #Javascript
JS 学习笔记 防止发生命名冲突
Jul 30 #Javascript
javascript 处理HTML元素必须避免使用的一种方法
Jul 30 #Javascript
javascript 写的一个简单的timer
Jul 30 #Javascript
You might like
PHP中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
PHP比你想象的好得多
2014/11/27 PHP
用PHP将Unicode 转化为UTF-8的实现方法(推荐)
2017/02/08 PHP
php 中的closure用法详解
2017/06/12 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
2020/02/03 PHP
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
用JS实现一个TreeMenu效果分享
2011/08/28 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
详解javascript函数的参数
2015/11/10 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
JavaScript面试题(指针、帽子和女朋友)
2016/11/23 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
2017/06/04 Javascript
JS全角与半角转化实例(分享)
2017/07/04 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
2018/09/06 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
OpenLayers3实现对地图的基本操作
2020/09/28 Javascript
小程序实现左滑删除的效果的实例代码
2020/10/19 Javascript
python目录与文件名操作例子
2016/08/28 Python
基于python的docx模块处理word和WPS的docx格式文件方式
2020/02/13 Python
Numpy一维线性插值函数的用法
2020/04/22 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
canvas线条的属性详解
2018/03/27 HTML / CSS
韩国著名的在线综合购物网站:Akmall
2016/08/07 全球购物
致100米运动员广播稿
2014/02/14 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
门面房租房协议书
2014/08/20 职场文书
教师批评与自我批评总结
2014/10/16 职场文书
2014年教师个人工作总结
2014/11/10 职场文书
运动会跳远广播稿
2015/08/19 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS