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 常见开发使用技巧总结
Dec 26 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
Nov 28 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
详解Bootstrap glyphicons字体图标
Jan 04 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
详解Vue 2.0封装axios笔记
Jun 22 Javascript
Bootstrap图片轮播效果详解
Oct 17 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
使用ng-packagr打包Angular的方法示例
Sep 21 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文件下载类
2006/12/06 PHP
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
浅谈PHP 闭包特性在实际应用中的问题
2009/10/30 PHP
PHP基础学习小结
2011/04/17 PHP
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
PHP实现微信公众平台音乐点播
2014/03/20 PHP
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
2010/04/01 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
js 基础篇必看(点击事件轮播图的简单实现)
2016/08/20 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
如何理解jQuery中的ajaxSubmit方法
2017/03/13 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
JS获取当前时间戳方法解析
2020/08/29 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
python实现图片中文字分割效果
2019/07/22 Python
浅谈Python 敏感词过滤的实现
2019/08/15 Python
python实现mean-shift聚类算法
2020/06/10 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
Django中Aggregation聚合的基本使用方法
2020/07/09 Python
Python列表嵌套常见坑点及解决方案
2020/09/30 Python
什么是serialVersionUID
2016/03/04 面试题
《一本男孩子必读的书》教学反思
2014/02/19 职场文书
会务接待方案
2014/02/27 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
主持人开场白台词
2015/05/29 职场文书
2016党员入党决心书
2015/09/22 职场文书
某学校的2019年度工作报告范本
2019/10/11 职场文书
Python3 使用pip安装git并获取Yahoo金融数据的操作
2021/04/08 Python