document.all的一个比较完整的总结及案例


Posted in Javascript onJanuary 31, 2013

一.
document.all是页面内所有元素的一个集合。例如:
document.all(0)表示页面内第一个元素
二.

document.all可以判断浏览器是否是IE 
if(document.all){ 
alert("is IE!"); 
}

三.
也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素
四.
案例:
代码1:
<input name=aaa value=aaa> 
<input id=bbb value=bbb> 
<script language=Jscript> 
alert(document.all.aaa.value) //根据name取value 
alert(document.all.bbb.value) //根据id取 value 
</script>

代码2
但是常常name可以相同(如:用checkbox取用户的多项爱好的情况)
<input name=aaa value=a1> 
<input name=aaa value=a2> 
<input id=bbb value=bbb> 
<script language=Jscript> 
alert(document.all.aaa(0).value) //显示a1 
alert(document.all.aaa(1).value) //显示a2 
alert(document.all.bbb(0).value) //这行代码会失败 
</script>

代码3
理论上一个页面中的id是互不相同的,如果出现不同tags有相同的id
document.all.id 就会失败,就象这样:
<input id=aaa value=a1> 
<input id=aaa value=a2> 
<script language=Jscript> 
alert(document.all.aaa.value) //显示 undefined 而不是 a1或者a2 
</script>

代码4:
对于一个复杂的页面(代码很长,或者id是由程序自动产生),或着一个
javascript初学者写的程序,很有可能出现两个tags有相同id的情况。
为了编程的时候不出错,我推荐这样的写法:
<input id=aaa value=aaa1> 
<input id=aaa value=aaa2> 
<input name=bbb value=bbb> 
<input name=bbb value=bbb2> 
<input id=ccc value=ccc> 
<input name=ddd value=ddd> 
<script language=Jscript> 
alert(document.all("aaa",0).value) 
alert(document.all("aaa",1).value) 
alert(document.all("bbb",0).value) 
alert(document.all("bbb",1).value) 
alert(document.all("ccc",0).value) 
alert(document.all("ddd",0).value) 
</script>
Javascript 相关文章推荐
Mootools 1.2教程 排序类和方法简介
Sep 15 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 Javascript
jquery在Chrome下获取图片的长宽问题解决
Mar 20 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
js+cookies实现悬浮购物车的方法
May 25 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
Feb 06 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 Javascript
详解Vue.js Mixins 混入使用
Sep 15 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
详解微信小程序开发用户授权登陆
Apr 24 Javascript
Vue如何循环提取对象数组中的值
Nov 18 Vue.js
javascript对select标签的控制(option选项/select)
Jan 31 #Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 #Javascript
js+html+css实现鼠标移动div实例
Jan 30 #Javascript
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 #Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
Jan 30 #Javascript
js判断样式className同时增加class或删除class
Jan 30 #Javascript
编写针对IE的JS代码两种编写方法
Jan 30 #Javascript
You might like
PHP 获取文件权限函数介绍
2013/07/11 PHP
php中require和require_once的区别说明
2014/02/27 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
javascript 延迟加载技术(lazyload)简单实现
2011/01/17 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
js获取微信版本号的方法
2015/05/12 Javascript
javascript实现的多个层切换效果通用函数实例
2015/07/06 Javascript
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
浅谈js的异步执行
2016/10/18 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
2016/10/19 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
2018/01/07 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
解决vue的过渡动画无法正常实现问题
2019/10/31 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
2020/09/21 Javascript
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
python设置检查点简单实现代码
2014/07/01 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
Python实现的knn算法示例
2018/06/14 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
Python接口开发实现步骤详解
2020/04/26 Python
Python tempfile模块生成临时文件和临时目录
2020/09/30 Python
物业管理毕业生的自我评价
2014/02/17 职场文书
实习公司领导推荐函
2014/05/21 职场文书
松材线虫病防治方案
2014/06/15 职场文书
农村党支部书记党群众路线四风问题整改措施
2014/09/26 职场文书
经理岗位职责范本
2015/04/15 职场文书
加薪通知
2015/04/25 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL