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 判断 enter 事件
Feb 12 Javascript
jQuery仿Excel表格编辑功能的实现代码
May 01 Javascript
JavaScript中把数字转换为字符串的程序代码
Jun 19 Javascript
JavaScript将数组转换成CSV格式的方法
Mar 19 Javascript
jQuery validate验证插件使用详解
May 11 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
js实现倒计时效果(小于10补零)
Mar 08 Javascript
微信小程序 引入es6 promise
Apr 12 Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
微信小程序云开发如何使用npm安装依赖
May 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
为什么夜间收到的中波电台比白天多
2021/03/01 无线电
js正确获取元素样式详解
2009/08/07 Javascript
jQuery右键菜单contextMenu使用实例
2011/09/28 Javascript
jqPlot 图表中文API使用文档及源码和在线示例
2012/02/07 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
javascript中typeof操作符和constucor属性检测
2015/02/26 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
jstree的简单实例
2016/12/01 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
boostrapTable的refresh和refreshOptions区别浅析
2017/01/22 Javascript
JS实现的四级密码强度检测功能示例
2017/05/11 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
2017/09/18 jQuery
分析javascript原型及原型链
2018/03/18 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
微信小程序之左右布局的实现代码
2019/12/13 Javascript
Vue中 axios delete请求参数操作
2020/08/25 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
python实现简单的TCP代理服务器
2014/10/08 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
python3 破解 geetest(极验)的滑块验证码功能
2018/02/24 Python
pandas中去除指定字符的实例
2018/05/18 Python
python之django母板页面的使用
2018/07/03 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
优秀通讯员事迹材料
2014/01/28 职场文书
小学教学随笔感言
2014/02/26 职场文书
中式婚礼主持词
2014/03/13 职场文书
2015毕业生自我评价范文
2015/03/02 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
情感电台广播稿
2015/08/18 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL