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 相关文章推荐
基于jQuery的计算文本框字数的代码
Jun 06 Javascript
使用firebug进行调试javascript的示例
Dec 16 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
Javascript技术栈中的四种依赖注入小结
Feb 27 Javascript
第一次接触神奇的Bootstrap表单
Jul 27 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
Dec 13 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
AngularJS路由Ui-router模块用法示例
May 29 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
JS实现横向跑马灯效果代码
Apr 20 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 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 编写的 25个游戏脚本
2009/05/11 PHP
Wordpress php 分页代码
2009/10/21 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
php实现数字补零的方法总结
2018/09/12 PHP
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
javaScript基础语法介绍
2015/02/28 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
2015/03/13 Javascript
JavaScript函数使用的基本教程
2015/06/04 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
2016/06/17 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
2016/11/01 Javascript
vue.js从安装到搭建过程详解
2017/03/17 Javascript
Angular4编程之表单响应功能示例
2017/12/13 Javascript
Node.js npm命令运行node.js脚本的方法
2018/10/10 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
0基础学习前端开发的一些建议
2020/07/14 Javascript
Vue跨域请求问题解决方案过程解析
2020/08/07 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
Python简单实现子网掩码转换的方法
2016/04/13 Python
python用户评论标签匹配的解决方法
2018/05/31 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
tensorflow之变量初始化(tf.Variable)使用详解
2020/02/06 Python
Python绘制组合图的示例
2020/09/18 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
Html5页面上如何禁止手机虚拟键盘弹出
2020/03/19 HTML / CSS
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
中专生自荐信
2014/06/25 职场文书
小学老师对学生的评语
2014/12/29 职场文书
无罪辩护词范文
2015/05/21 职场文书