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表单验证函数
Oct 28 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
Sep 01 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
Apr 14 Javascript
深入理解Node.js中通用基础设计模式
Sep 19 Javascript
微信小程序实现多宫格抽奖活动
Apr 15 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
Jan 06 Javascript
vue中node_modules中第三方模块的修改使用详解
May 31 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 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
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
php数组分页实现方法
2016/04/30 PHP
php实现PDO中捕获SQL语句错误的方法
2017/02/16 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
JavaScript 面向对象之命名空间
2010/05/04 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
2016/01/26 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
各种选择框jQuery的选中方法(实例讲解)
2017/06/27 jQuery
使用Node.js搭建静态资源服务详细教程
2017/08/02 Javascript
js通过Date对象实现倒计时动画效果
2017/10/27 Javascript
微信小程序实现上传图片功能
2018/05/28 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
vue使用codemirror的两种用法
2019/08/27 Javascript
vux-scroller实现移动端上拉加载功能过程解析
2019/10/08 Javascript
django接入新浪微博OAuth的方法
2015/06/29 Python
深入理解Python变量与常量
2016/06/02 Python
教你用一行Python代码实现并行任务(附代码)
2018/02/02 Python
python flask框架实现重定向功能示例
2019/07/02 Python
python 默认参数相关知识详解
2019/09/18 Python
Python Numpy数组扩展repeat和tile使用实例解析
2019/12/09 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
Python使用matplotlib绘制圆形代码实例
2020/05/27 Python
tensorflow使用CNN分析mnist手写体数字数据集
2020/06/17 Python
Python调用C/C++的方法解析
2020/08/05 Python
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
照片礼物和装饰:MyPhoto
2019/11/02 全球购物
单位在职证明范本
2014/01/09 职场文书
校园达人秀策划书
2014/01/12 职场文书
刚毕业大学生自荐信范文
2014/02/20 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
党员个人剖析材料(四风问题)
2014/10/07 职场文书
2014年工程部工作总结
2014/11/25 职场文书