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 相关文章推荐
js 模拟气泡屏保效果代码
Jul 10 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
整理Javascript函数学习笔记
Dec 01 Javascript
JavaScript构造函数详解
Dec 27 Javascript
angularjs实现天气预报功能
Jun 16 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 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
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
php简单的留言板与回复功能具体实现
2014/02/19 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
PHP动态柱状图实现方法
2015/03/30 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
PHP中file_exists使用中遇到的问题小结
2016/04/05 PHP
JavaScript confirm选择判断
2008/10/18 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
2009/08/28 Javascript
爆炸式的JS圆形浮动菜单特效代码
2010/03/03 Javascript
利用jQuery实现可以编辑的表格
2014/05/26 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
基于jquery实现的tab选项卡功能示例【附源码下载】
2019/06/10 jQuery
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
python中二维阵列的变换实例
2014/10/09 Python
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
Python做文本按行去重的实现方法
2016/10/19 Python
Python实现的密码强度检测器示例
2017/08/23 Python
python机器学习库scikit-learn:SVR的基本应用
2019/06/26 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
Hawes & Curtis官网:英国经典品牌
2019/07/27 全球购物
Collection和Collections的区别
2016/05/02 面试题
思想品德自我鉴定
2013/10/12 职场文书
实习护士自我鉴定
2013/10/13 职场文书
开办化妆品公司创业计划书
2013/12/26 职场文书
青春无悔演讲稿
2014/05/08 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
经费申请报告
2015/05/15 职场文书
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL
用Python可视化新冠疫情数据
2022/01/18 Python
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python