document.all用法(js)
一.
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>
转载于:https://www.cnblogs.com/a1280055207/archive/2013/03/21/2972480.html
document.all用法(js)相关推荐
- document.all 用法
一. document.all是页面内所有元素的一个集合.例如: document.all(0)表示页面内第一个元素 二. document.all可以判断浏览器是否是IE if ...
- (COPY)document.all和document.getElementById用法 document.all用法:
(COPY)document.all和document.getElementById用法 document.all用法: <html> <body> < ...
- js中的if与Java中的if_JS直接if参数的用法JS中!和!!区别
经常在JS中见一些代码直接if(参数),然后参数调用的时候是将元素自己传下去.例如下面代码: functiontest1(obj){if(obj){ alert($(obj).val()); }els ...
- javascript里的document.all用法收集
javascript里的document.all用法 从IE4开始IE的object model才增加了document.all[],来看看document.all[]的Description: ...
- php document.write,在JS中有关document.write()的用法(详细教程)
这篇文章主要介绍了JS 中document.write()的用法和清空的原因浅析,需要的朋友可以参考下 可能很多朋友都遇到过这样的情况,那就是使用document.write()函数向网页中写内容的时 ...
- JS中document.getElementById()用法
getElementById 方法 返回具有指定 ID 属性值的第一个比如说有个网页中有个input 框的id叫FAX getElementById(FAX)就能得到这个input 框的对象,并使用i ...
- callback用法 js vue_Vue.js 实例方法
Vue 实例方法 实例属性 1.组件树访问 1-1.vm.$parent 用来访问当前组件实例的父实例,如果当前实例有的话 1-2.vm.$root 当前组件树的根 Vue 实例.如果当前实例没有父实 ...
- html页面的text用法,js中innerHTML,innerText,outerHTML用法总结
如何获取DIV里面的内容,在js中为大家提供了三种方法,分别是outerHTML.innerHTML和innerText,这里要注意大小写!看起来长得很像,那么到底怎么使用以及它们之间有什么区别,我想 ...
- animate用法 js原生_animateplus.js 教程
animateplus(Animate Plus)是一个基于现在的网络的动画模块.Animate Plus 是一个专注于性能和创作灵活性的 JavaScript 动画库.它的目标是提供稳定的 60 F ...
最新文章
- 咪咕盒子链接服务器失败_云服务器怎样备份数据库备份
- 【Android 内存优化】libjpeg-turbo 函数库交叉编译与使用 ( 交叉编译脚本编写 | 函数库头文件拷贝 | 构建脚本配置 | Android Studio 测试函数库 )
- labuladong的算法小抄pdf_随机算法:水塘抽样算法
- 以下关于程序设计语言的叙述中,不正确的是()【最全!最详细解释!!】
- 分享一下:推荐一个网站,练习CSS3
- 在idea上配置hadoop开发环境,使用maven配置hadoop的依赖,自动管理相关jar包
- LinuxQuestions.org庆祝16岁生日
- 教育|仝卓高考舞弊案细节曝光:为“恢复高考成绩”已起诉1年多
- 稳定服务器头像,WordPress 修复 Gravatar 头像稳定服务器地址
- X协议 mysql_MySQL X协议分析
- 递归与二叉树_leetcode235
- eclipse中文版自动补全设置
- Windows10系统封装
- js实现回到顶部,以及回到指点div顶部
- 七小福介绍:香港七小福成员名单、创办
- 【风马一族_php】NO3_php基础知识
- wps单元格内怎样批量换行_wps里excel怎么换行在同一单元格内
- 迪进面向ConnectCore系统模块推出Digi ConnectCore语音控制软件
- vue-cli项目配置文件分析
- HTML+CSS网页设计期末课程大作——运动系列NBA篮球主题(7页) 大学生运网页作品 篮球设计作业模板