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 相关文章推荐
asp批量修改记录的代码
Jun 25 Javascript
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
ECMAScript6函数默认参数
Jun 12 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
javascript实现自动输出文本(打字特效)
Aug 27 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 Javascript
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
May 05 Javascript
vue实现可移动的悬浮按钮
Mar 04 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
在WAMP环境下搭建ZendDebugger php调试工具的方法
2011/07/18 PHP
php5.2 Json不能正确处理中文、GB编码的解决方法
2014/03/28 PHP
PHP抓取及分析网页的方法详解
2016/04/26 PHP
yii2使用ajax返回json的实现方法
2016/05/14 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
PHP实现的权重算法示例【可用于游戏根据权限来随机物品】
2019/02/15 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
PDO实现学生管理系统
2020/03/21 PHP
js opener的使用详解
2014/01/11 Javascript
js数字转换为float,取N位小数
2014/02/08 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
基于JavaScript实现仿京东图片轮播效果
2015/11/06 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
深入理解JavaScript中的并行处理
2016/09/22 Javascript
JavaScript动态检验密码强度的实现方法
2016/11/09 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
Python数据结构与算法之二叉树结构定义与遍历方法详解
2017/12/12 Python
深入理解Django自定义信号(signals)
2018/10/15 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
英国皇室御用百货:福南梅森(Fortnum & Mason)
2017/12/03 全球购物
英国时尚运动品牌的合集:The Sports Edit
2017/12/20 全球购物
DJI美国:消费类无人机领域的领导者
2018/04/27 全球购物
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
华为python面试题
2016/05/03 面试题
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上
2013/07/06 面试题
优秀导游先进事迹材料
2014/01/25 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书
Python List remove()实例用法详解
2021/08/02 Python