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自带函数备忘 数组
Dec 29 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
基于Bootstrap+jQuery.validate实现表单验证
May 30 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
Jun 07 Javascript
用JS中split方法实现彩色文字背景效果实例
Aug 24 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
Feb 11 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 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 is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
图文详解phpstorm配置Xdebug进行调试PHP教程
2016/06/13 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
2013/06/06 Javascript
jQuery实现ichat在线客服插件
2014/12/29 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
js格式化时间的方法
2015/12/18 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
详解使用JS如何制作简单的ASCII图与单极图
2017/03/31 Javascript
JS实现移动端判断上拉和下滑功能
2017/08/07 Javascript
Javascript刷新页面的实例
2017/09/23 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
jquery实现点击左右按钮切换图片
2021/01/27 jQuery
Python写的Discuz7.2版faq.php注入漏洞工具
2014/08/06 Python
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
Sephora丝芙兰泰国官方网站:国际知名化妆品购物
2017/11/15 全球购物
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
美国购物网站:Clickhere2shop
2021/01/28 全球购物
财务会计实习报告体会
2013/12/20 职场文书
村官学习十八大感想
2014/01/15 职场文书
求职面试个人自我评价
2014/02/28 职场文书
竞争上岗演讲稿范文
2014/05/12 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android