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 相关文章推荐
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 Javascript
js 代码优化点滴记录
Feb 19 Javascript
疯狂Jquery第一天(Jquery学习笔记)
May 11 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
Dec 16 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
基于jquery实现图片上传本地预览功能
Jan 08 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
Feb 19 Javascript
Vue组件为什么data必须是一个函数
Jun 11 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版(2)
2006/10/09 PHP
PHP set_time_limit(0)长连接的实现分析
2010/03/02 PHP
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
关于php操作mysql执行数据库查询的一些常用操作汇总
2013/06/24 PHP
php发送邮件的问题详解
2015/06/22 PHP
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
div移动 输入框不能输入的问题
2009/11/19 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
2012/12/11 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
2015/12/04 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
JavaScript中EventLoop介绍
2018/01/22 Javascript
详解微信小程序调起键盘性能优化
2018/07/24 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
JavaScript 点击触发复制功能实例详解
2018/11/02 Javascript
JS实现音乐导航特效
2020/01/06 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计
2016/07/04 Python
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
Python 等分切分数据及规则命名的实例代码
2019/08/16 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
python集合能干吗
2020/07/19 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
一款html5 canvas实现的图片玻璃碎片特效
2014/09/11 HTML / CSS
苹果中国官方网站:Apple中国
2016/07/22 全球购物
中专三年学习的个人自我评价
2013/12/12 职场文书
优秀学生评语大全
2014/04/25 职场文书
大学社团招新的通讯稿
2014/09/10 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
时尚女魔头观后感
2015/06/04 职场文书
工作证明书
2015/06/15 职场文书
简历中的自我评价怎么写呢?
2019/04/30 职场文书