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 相关文章推荐
点击弹出层效果&amp;弹出窗口后网页背景变暗效果的实现代码
Feb 10 Javascript
用js闭包的方法实现多点标注冒泡示例
May 29 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
利用Node.JS实现邮件发送功能
Oct 21 Javascript
jQuery UI插件实现百度提词器效果
Nov 21 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
html中通过JS获取JSON数据并加载的方法
Nov 30 Javascript
Vue插件之滑动验证码
Sep 21 Javascript
js实现时分秒倒计时
Dec 03 Javascript
JS实现炫酷雪花飘落效果
Aug 19 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实现的超长文本分页显示功能示例
2018/06/04 PHP
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
用Js实现的动态增加表格示例自己写的
2013/10/21 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
详解前后端分离之VueJS前端
2017/05/24 Javascript
第一个Vue插件从封装到发布
2017/11/22 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
深入理解Node内建模块和对象
2019/03/12 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
JS+canvas五子棋人机对战实现步骤详解
2020/06/04 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
python3实现短网址和数字相互转换的方法
2015/04/28 Python
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
PyCharm设置护眼背景色的方法
2018/10/29 Python
Python使用Turtle库绘制一棵西兰花
2019/11/23 Python
浅谈Django中的QueryDict元素为数组的坑
2020/03/31 Python
html5清空画布方法(三种)
2017/10/16 HTML / CSS
美国顶级奢侈茶:Mighty Leaf Tea(美泰茶)
2016/11/26 全球购物
艺术家策划的室内设计:Curious Egg
2019/03/06 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
职务聘任书范文
2014/03/29 职场文书
授权委托书范本
2014/04/03 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
酒店工程部经理岗位职责
2015/04/09 职场文书
学校青年志愿者活动总结
2015/05/06 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
探讨Java中的深浅拷贝问题
2021/06/26 Java/Android
Python中tqdm的使用和例子
2022/09/23 Python