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 setattribute批量设置css样式
Nov 26 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
Aug 21 Javascript
jQuery+AJAX实现网页无刷新上传
Feb 22 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
JavaScript运动减速效果实例分析
Aug 04 Javascript
深入剖析JavaScript面向对象编程
Jul 12 Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 Javascript
JavaScript正则替换HTML标签功能示例
Mar 02 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
Aug 12 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
Vue scoped及deep使用方法解析
Aug 01 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
融入意大利的咖啡文化
2021/03/03 咖啡文化
PHP输出时间差函数代码
2013/01/28 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
drag-and-drop实现图片浏览器预览
2015/08/06 Javascript
JavaScript实现下拉菜单的显示和隐藏
2016/01/05 Javascript
Javascript如何判断数据类型和数组类型
2016/06/22 Javascript
详解Angular操作cookies方法
2018/06/01 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
Python的词法分析与语法分析
2013/05/18 Python
Python使用xlrd模块操作Excel数据导入的方法
2015/05/26 Python
python中numpy.zeros(np.zeros)的使用方法
2017/11/07 Python
浅析Python四种数据类型
2018/09/26 Python
python爬虫 批量下载zabbix文档代码实例
2019/08/21 Python
Django之编辑时根据条件跳转回原页面的方法
2019/08/21 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
完美解决TensorFlow和Keras大数据量内存溢出的问题
2020/07/03 Python
django restframework serializer 增加自定义字段操作
2020/07/15 Python
CSS3实现复选框动画特效示例代码
2016/09/27 HTML / CSS
戴森美国官网:Dyson美国
2016/09/11 全球购物
劳动之星获奖感言
2014/02/01 职场文书
家长学校工作方案
2014/05/07 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
2014年初一班主任工作总结
2014/11/08 职场文书
校友回访母校寄语
2015/02/26 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS
element tree树形组件回显数据问题解决
2022/08/14 Javascript