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 相关文章推荐
避免 showModalDialog 弹出新窗体的原因分析
May 31 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
Jun 26 Javascript
js制作简易年历完整实例
Jan 28 Javascript
JavaScript中使用Callback控制流程介绍
Mar 16 Javascript
简介JavaScript中toUpperCase()方法的使用
Jun 06 Javascript
javascript事件处理模型实例说明
May 31 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
Nov 22 Javascript
你可能不知道的CORS跨域资源共享
Mar 13 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
Apr 11 Javascript
微信小程序中的列表切换功能实例代码详解
Jun 09 Javascript
vue iview实现动态新增和删除
Jun 17 Javascript
vue使用exif获取图片旋转,压缩的示例代码
Dec 11 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
Protoss兵种介绍
2020/03/14 星际争霸
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
实现PHP搜索加分页
2016/10/12 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
PHP函数积累总结
2019/03/19 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
javascript jQuery插件练习
2008/12/24 Javascript
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
JavaScript动态加载样式表的方法
2015/03/21 Javascript
Angular的自定义指令以及实例
2016/12/26 Javascript
详谈javascript精度问题与调整
2017/07/08 Javascript
js图片轮播插件的封装
2017/07/21 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
Python 实现网页自动截图的示例讲解
2018/05/17 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例
2020/02/26 Python
python 实现图片批量压缩的示例
2020/12/18 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
英国创新设计文具、卡片和礼品包装网站:Paperchase
2018/07/14 全球购物
欧洲最大的高尔夫零售商:American Golf
2019/09/02 全球购物
美发活动策划书
2014/01/14 职场文书
支部书记四风对照材料
2014/08/28 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
2015年农村党员干部主题教育活动总结
2015/03/25 职场文书
钱学森观后感
2015/06/04 职场文书
同学聚会开幕词
2019/04/02 职场文书
Pycharm 如何设置HTML文件自动补全代码或标签
2021/05/21 Python
一篇文章学会Vue中间件管道
2021/06/20 Vue.js