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 相关文章推荐
JavaScript的Function详细
Nov 14 Javascript
javascript 硬盘序列号+其它硬件信息
Dec 23 Javascript
jQuery中:checkbox选择器用法实例
Jan 03 Javascript
angular.element方法汇总
Jan 07 Javascript
js用拖动滑块来控制图片大小的方法
Feb 27 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
Vue安装浏览器开发工具的步骤详解
May 12 Javascript
js+css3实现简单时钟特效
Sep 13 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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
php中动态调用函数的方法
2015/03/16 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
初试jQuery EasyUI 使用介绍
2010/04/01 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
基于jquery的simpleValidate简易验证插件
2014/01/31 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
JS实现仿QQ效果的三级竖向菜单
2015/09/25 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
javascript动态添加checkbox复选框的方法
2015/12/23 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
2016/09/14 Javascript
Ajax与服务器(JSON)通信实例代码
2016/11/05 Javascript
vue实现密码显示隐藏切换功能
2018/02/23 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
2019/03/29 Javascript
vue-router 中 meta的用法详解
2019/11/01 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
Python API 操作Hadoop hdfs详解
2020/06/06 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
毕业生优秀推荐信
2013/11/26 职场文书
销售辞职报告范文
2014/01/12 职场文书
单位介绍信范文
2014/01/18 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
2014年收银工作总结
2014/11/13 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书