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 相关文章推荐
Javascript中Event属性搜集整理
Sep 17 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
简介JavaScript中valueOf()方法的使用
Jun 05 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
Aug 06 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
js遍历json的key和value的实例
Jan 22 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
Vue.use源码分析
Apr 22 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
Oct 28 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
Zerg兵种介绍
2020/03/14 星际争霸
通过html表格发电子邮件
2006/10/09 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
PHP比你想象的好得多
2014/11/27 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
Yii2.0中使用js异步删除示例
2017/03/10 PHP
PHP实现对图片的反色处理功能【测试可用】
2018/02/01 PHP
Laravel模型间关系设置分表的方法示例
2018/04/21 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
JQuery弹出层示例可自定义
2014/05/19 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
一次微信小程序内地图的使用实战记录
2019/09/09 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
[56:12]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第一场 6.3
2018/06/04 DOTA
Python实现图片滑动式验证识别方法
2017/11/09 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
python的一些加密方法及python 加密模块
2019/07/11 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
Pycharm及python安装详细步骤及PyCharm配置整理(推荐)
2020/07/31 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
Python bisect模块原理及常见实例
2020/06/17 Python
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
.NET笔试题(20个问题)
2016/02/02 面试题
会计专业毕业生自我鉴定
2013/10/29 职场文书
2014年师德承诺书
2014/05/23 职场文书
实习护士自荐信
2014/06/21 职场文书
学雷锋的心得体会
2014/09/04 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
女方离婚起诉书
2015/05/18 职场文书
golang goroutine顺序输出方式
2021/04/29 Golang
利用python调用摄像头的实例分析
2021/06/07 Python