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 相关文章推荐
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Jan 11 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
Dec 04 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 Javascript
高效的jquery数字滚动特效
Dec 17 Javascript
详解JS正则replace的使用方法
Mar 06 Javascript
JS打印组合功能
Aug 04 Javascript
微信小程序 判断手机号的实现代码
Apr 19 Javascript
jquery tmpl模板(实例讲解)
Sep 02 jQuery
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
Feb 04 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
Jul 20 Javascript
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解析url的三个示例
2014/01/20 PHP
CodeIgniter模板引擎使用实例
2014/07/15 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
PHP命令空间namespace及use的用法小结
2017/11/27 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
jquery1.4 教程二 ajax方法的改进
2010/02/25 Javascript
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
JavaScript 开发规范要求(图文并茂)
2010/06/11 Javascript
javascript 常用功能总结
2012/03/18 Javascript
javascript的propertyIsEnumerable()方法使用介绍
2014/04/09 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
2016/10/05 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
VueJS事件处理器v-on的使用方法
2017/09/27 Javascript
JavaScript 五大常见函数
2018/03/23 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
浅谈Vue使用Elementui修改默认的最快方法
2020/12/05 Vue.js
Python 常用string函数详解
2016/05/30 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
分享vim python缩进等一些配置
2018/07/02 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
浅析Python中字符串的intern机制
2020/10/03 Python
Python本地及虚拟解释器配置过程解析
2020/10/13 Python
Django权限控制的使用
2021/01/07 Python
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
澳洲最大的时尚奢侈品电商平台:Cettire
2020/06/15 全球购物
英文请假条
2014/04/11 职场文书
销售口号大全
2014/06/11 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
六一儿童节标语
2014/10/08 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书