document.all还是document.getElementsByName?


Posted in Javascript onJuly 21, 2006
(wuhen注:document.all是ie特有的属性,不是万维网标准) 当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法.我们来看: 
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 相关文章推荐
网页里控制图片大小的相关代码
Jun 25 Javascript
prototype1.4中文手册
Sep 22 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
Apr 13 Javascript
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
自己动手写的jquery分页控件(非常简单实用)
Oct 28 Javascript
浅析jQuery Ajax通用js封装
Jun 22 Javascript
jQuery日程管理插件fullcalendar使用详解
Jan 07 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 Javascript
解决vue一个页面中复用同一个echarts组件的问题
Jul 19 Javascript
关于IFRAME 自适应高度的研究
Jul 20 #Javascript
怎么用javascript进行拖拽
Jul 20 #Javascript
繁简字转换功能
Jul 19 #Javascript
Javascript - HTML的request类
Jul 15 #Javascript
表单的一些基本用法与技巧
Jul 15 #Javascript
popdiv
Jul 14 #Javascript
游戏人文件夹程序 ver 4.03
Jul 14 #Javascript
You might like
PHP的开发框架的现状和展望
2007/03/16 PHP
php+mysql写的简单留言本实例代码
2008/07/25 PHP
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
PHP中的strtr函数使用介绍(str_replace)
2011/10/20 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
javascript div 弹出可拖动窗口
2009/02/26 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
实现placeholder效果的方案汇总
2015/06/11 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
解析Javascript单例模式概念与实例
2016/12/05 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
关于js对textarea换行符的处理方法浅析
2018/08/03 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
JSON的parse()方法介绍
2019/01/31 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
js通过循环多张图片实现动画效果
2019/12/19 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
2020/01/16 jQuery
Python实现的微信公众号群发图片与文本消息功能实例详解
2017/06/30 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
Python flask框架post接口调用示例
2019/07/03 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
运行Python编写的程序方法实例
2020/10/21 Python
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
出国留学介绍信
2014/01/13 职场文书
保护环境的标语
2014/06/09 职场文书
专业技术人员年度考核评语
2014/12/31 职场文书
教师节寄语2015
2015/03/23 职场文书
抢劫罪辩护词
2015/05/21 职场文书
入党介绍人考察意见
2015/06/01 职场文书
少先大队干部竞选稿
2015/11/20 职场文书