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 相关文章推荐
js跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
功能强大的Bootstrap效果展示(二)
Aug 03 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
如何在vue里添加好看的lottie动画
Aug 02 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
微信小程序如何连接Java后台
Aug 08 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
Oct 09 Javascript
Vue如何实现监听组件原生事件
Jul 03 Javascript
js观察者模式的弹幕案例
Nov 23 Javascript
keep-alive保持组件状态的方法
Dec 02 Javascript
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 随机记录mysql rand()造成CPU 100%的解决办法
2010/05/18 PHP
php+mysql大量用户登录解决方案分析
2014/12/29 PHP
PHP简单字符串过滤方法示例
2016/09/04 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
Javascript 读书笔记索引贴
2010/01/11 Javascript
js中的this关键字详解
2013/09/25 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
AngularJS入门教程之过滤器详解
2016/08/19 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
Angular实现的table表格排序功能完整示例
2017/12/22 Javascript
vue element中axios下载文件(后端Python)
2019/05/10 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
2020/08/17 Javascript
jQuery实现动态操作table行
2020/11/23 jQuery
用vue设计一个日历表
2020/12/03 Vue.js
Python程序设计入门(3)数组的使用
2014/06/16 Python
详解Django中Request对象的相关用法
2015/07/17 Python
python中常用的九种预处理方法分享
2016/09/11 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
Python入门之三角函数atan2()函数详解
2017/11/08 Python
python实现简单遗传算法
2018/03/19 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
Python查找文件中包含中文的行方法
2018/12/19 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
Python LMDB库的使用示例
2021/02/14 Python
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
精选干货:Java精选笔试题附答案
2014/01/18 面试题
应届生财务会计求职信
2013/11/05 职场文书
注塑工厂厂长岗位职责
2013/12/02 职场文书
劳资人员岗位职责
2013/12/19 职场文书
应用化学专业职业生涯规划书
2013/12/31 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript