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 相关文章推荐
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
Mar 25 Javascript
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 Javascript
jquery form 隐藏的input 选择
Apr 29 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
详解jQuery简单的表格应用
Dec 16 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
Feb 09 Javascript
React中ES5与ES6写法的区别总结
Apr 21 Javascript
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
vue实现a标签点击高亮方法
Mar 17 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 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环境下利用session防止页面重复刷新的具体实现
2014/01/09 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
Javascript 设计模式(二) 闭包
2010/05/26 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
2014/10/22 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
2015/03/31 Javascript
jquery.cookie.js用法实例详解
2015/12/25 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
详解Vue整合axios的实例代码
2017/06/21 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
微信小程序如何获取用户收货地址
2018/11/27 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
JS求解两数之和算法详解
2020/04/28 Javascript
jQuery中event.target和this的区别详解
2020/08/13 jQuery
Vue实现小购物车功能
2020/12/21 Vue.js
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
Linux 下 Python 实现按任意键退出的实现方法
2016/09/25 Python
python地震数据可视化详解
2019/06/18 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
一款基于css3和jquery实现的动画显示弹出层按钮教程
2015/01/04 HTML / CSS
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
哪些情况下不应该使用索引
2015/07/20 面试题
2014年教师节演讲稿
2014/09/03 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
校运会新闻稿
2015/07/17 职场文书
Python OpenCV快速入门教程
2021/04/17 Python
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL