JS的document.all函数使用示例


Posted in Javascript onDecember 30, 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实现的超出屏幕时把固定层变为定位层的代码
Feb 23 Javascript
在JavaScript并非所有的一切都是对象
Apr 11 Javascript
js操作模态窗口及父子窗口间相互传值示例
Jun 09 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
微信小程序 picker-view 组件详解及简单实例
Jan 10 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
BootStrap 表单控件之单选按钮水平排列
May 23 Javascript
three.js 入门案例详解
Jan 23 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
jQuery实现轮播图源码
Oct 23 jQuery
javascript实现左右缓动动画函数
Nov 25 Javascript
Jquery插件easyUi表单验证提交(示例代码)
Dec 30 #Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 #Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
Dec 30 #Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 #Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 #Javascript
jQuery中.live()方法的用法深入解析
Dec 30 #Javascript
Javasipt:操作radio标签详解
Dec 30 #Javascript
You might like
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
php自定义排序uasort函数示例【二维数组按指定键值排序】
2019/06/19 PHP
URL编码转换,escape() encodeURI() encodeURIComponent()
2006/12/27 Javascript
认识延迟时间为0的setTimeout
2008/05/16 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
2013/03/11 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
2016/08/01 Javascript
jQuery继承extend用法详解
2016/10/10 Javascript
AngularJS改变元素显示状态
2017/04/20 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
详解iview的checkbox多选框全选时校验问题
2019/06/10 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
浅谈vue websocket nodeJS 进行实时通信踩到的坑
2020/09/22 NodeJs
Python牛刀小试密码爆破
2011/02/03 Python
python中Flask框架简单入门实例
2015/03/21 Python
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
python利用装饰器进行运算的实例分析
2015/08/04 Python
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
Python中django学习心得
2017/12/06 Python
numpy中以文本的方式存储以及读取数据方法
2018/06/04 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
django xadmin 管理器常用显示设置方式
2020/03/11 Python
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
别名指示符是什么
2012/10/08 面试题
计算机通信工程专业毕业生推荐信
2013/12/24 职场文书
租房协议书范本
2014/04/09 职场文书
竞聘上岗演讲
2014/05/19 职场文书
领导干部保密承诺书
2014/08/30 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书