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 相关文章推荐
Bootstrap每天必学之面板
Nov 30 Javascript
浅析AngularJs HTTP响应拦截器
Dec 28 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
浅谈javascript中的call、apply、bind
Mar 06 Javascript
jQuery如何防止Ajax重复提交
Oct 14 Javascript
Javascript blur与click冲突解决办法
Jan 09 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
Nov 06 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
layui在form表单页面通过Validform加入简单验证的方法
Sep 06 Javascript
Element Steps步骤条的使用方法
Jul 26 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
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
php实现单笔转账到支付宝功能
2018/10/09 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
js 浮动层菜单收藏
2009/01/16 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
jquery图片倾斜层叠切换特效代码分享
2015/08/27 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
js实现仿微博滚动显示信息的效果
2015/12/21 Javascript
jQuery动态加载css文件实现方法
2016/06/15 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
2017/03/07 Javascript
JavaScript实现图片无缝滚动效果
2017/07/07 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
jQuery实现简单飞机大战
2020/07/05 jQuery
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
跟老齐学Python之私有函数和专有方法
2014/10/24 Python
利用ctypes提高Python的执行速度
2016/09/09 Python
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
VSCode下好用的Python插件及配置
2018/04/06 Python
Python pyinotify模块实现对文档的实时监控功能方法
2018/10/13 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
Python测试线程应用程序过程解析
2019/12/31 Python
理解Django 中Call Stack机制的小Demo
2020/09/01 Python
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
Python如何实现单例模式
2016/06/03 面试题
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
初中生考试作弊检讨书
2014/12/14 职场文书
PL350与SW11的比较
2021/04/22 无线电