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 相关文章推荐
js 页面刷新location.reload和location.replace的区别小结
Dec 24 Javascript
在多个页面使用同一个HTML片段《续》
Mar 04 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
node.js中的buffer.toJSON方法使用说明
Dec 14 Javascript
纯js模拟div层弹性运动的方法
Jul 27 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
Oct 10 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
用p5.js制作烟花特效的示例代码
Mar 21 Javascript
基于Vue-cli快速搭建项目的完整步骤
Nov 03 Javascript
在NPM发布自己造的轮子的方法步骤
Mar 09 Javascript
layui使用templet格式化表格数据的方法
Sep 16 Javascript
Element Breadcrumb 面包屑的使用方法
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
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
PHP中is_file()函数使用指南
2015/05/08 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
可实现多表单提交的javascript函数
2007/08/01 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
2009/11/11 Javascript
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
jquery插件制作教程 txtHover
2012/08/17 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
jquery 插件实现多行文本框[textarea]自动高度
2015/03/04 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
2016/09/27 Javascript
微信小程序 生命周期函数详解
2017/05/24 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
详解搭建es6+devServer简单开发环境
2018/09/25 Javascript
vue 利用路由守卫判断是否登录的方法
2018/09/29 Javascript
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
Python实现Linux中的du命令
2017/06/12 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
Python3解释器知识点总结
2019/02/19 Python
pandas 使用均值填充缺失值列的小技巧分享
2019/07/04 Python
Python如何调用外部系统命令
2019/08/07 Python
解决Python二维数组赋值问题
2019/11/28 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
Monnier Freres中文官网:法国领先的奢侈品配饰在线零售商
2017/11/01 全球购物
大学本科毕业生求职信范文
2013/12/18 职场文书
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
学生检讨书如何写
2014/10/30 职场文书