document.all的用法详解

all[] 已经被 Document 接口的标准的 getElementByid() 方法和 getElementsByTagName() 方法以及  Document 对象的 getElementsByName() 方法所取代。尽管如此,这个 all[] 数组在已有的代码中仍然使用。

一. 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>   
时间: 2024-08-16 19:40:44

document.all的用法详解的相关文章

js的offsetParent属性用法详解

js的offsetParent属性用法详解:此属性是javascript中较为常用的属性,对于它的良好掌握也是非常有必要的,下面就通过代码实例介绍一下它的用法,希望能够给需要的朋友带来一定的帮助.一.基本介绍:此属性可以返回距离指定元素最近的采用定位(position属性值为fixed.relative或者absolute)父级元素,如果父级元素中没有采用定位的元素,则返回body对象的引用.语法结构: obj.offsetParent 二.代码实例: <!DOCTYPE html> <

jQuery 事件用法详解

jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jquery中文文档 简介 jquery 之所以成为最受欢迎的前端库,很大一部分是得益于它的事件具有良好的语义,优秀的兼容性,并且便于管理和扩展. 在这里我会介绍 jquery 事件的一些比较基础的用法. 实现原理 jquery 事件脱胎于浏览器的 addEventListener (W3) 和 attac

offsetleft属性用法详解

offsetleft属性用法详解:本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一下参考.此属性可以返回当前元素距离某个父辈元素左边缘的距离,当然这个父辈元素也是有讲究的.(1).如果父辈元素中有定位的元素,那么就返回距离当前元素最近的定位元素边缘的距离.(2).如果父辈元素中没有定位元素,那么就返回相对于body左边缘距离.语法结构: obj.offsetleft 特别说明:此属性是只读的,不能够赋值.代码实例: <!DOCTYPE html> <html&

window.onload用法详解

window.onload用法详解: 网页中的javascript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免这种情况的发生,可以使用以下两种方式: 一.将脚本代码放在网页的低端,这样在运行脚本代码的时候,可以确保要操作的对象已经加载完成. 二.通过window.onload来执行脚本代码. 第一种方式感觉比较凌乱(其实推荐使用),往往我们需要将脚本代码放在一个更为合适的地方,那么window.onload方式就是一个更好的选择.window.onloa

setAttribute()函数的用法详解

setAttribute()函数的用法详解:在动态创建元素设置元素的属性的时候setAttribute()函数用处很大,它可以动态的设置元素的属性,下面介绍一下它的用法.语法结构: setAttribute(name, value) 1).name表示要设置的属性.2).value表示属性值.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta nam

setInterval()函数用法详解

setInterval()函数用法详解:此函数用途相当广泛,在滚动代码或者焦点图片等等效果中都有应用,下面就通过实例简单介绍一下此函数的用法.setInterval()函数可以规定在按照指定的周期来执行一段函数,也就是说每隔一定事件就开始执行一次指定的函数.语法如下: setInterval(code,interval) 此函数具有两个参数,第一个参数规定要执行的函数,第二个参数规定函数两次执行之间的间隔,单位是毫秒(1秒=1000毫秒).代码实例如下: <!DOCTYPE HTML> <

selenium用法详解

selenium用法详解 selenium主要是用来做自动化测试,支持多种浏览器,爬虫中主要用来解决JavaScript渲染问题. 模拟浏览器进行网页加载,当requests,urllib无法正常获取网页内容的时候 一.声明浏览器对象 注意点一,Python文件名或者包名不要命名为selenium,会导致无法导入 from selenium import webdriver #webdriver可以认为是浏览器的驱动器,要驱动浏览器必须用到webdriver,支持多种浏览器,这里以Chrome为

三元运算符用法详解

三元运算符用法详解: 此运算符是一种非常常用的元素符号,如果使用得当可以省却不少代码.三元运算符也可以称作为条件运算符,可以说是if...else语句的一种简化形式,下面就结合实例简单介绍一下如何实现次运算符,先看一下运算符的语法结构: 表达式一?表达式二:表达式三 三元运算符之所以称作三元,就是因为具有三个操作数.当表达式一的返回值为true的时候,则返回表达式二的值,否则返回表达式三的值.下面看一段代码实例: <!DOCTYPE HTML> <html> <head>

jQuery的offset()和position()用法详解

offset()和position()用法详解: 这两个方法非常的常用,同时掌握起来有些困难,下面就介绍一下这两个方法的用法. 下面先看一下它们基本的定义: 1.offset()方法的定义: 此方法获取或者设置匹配元素在当前document的相对偏移. 此方法只对可见元素有效. 当获取偏移量时,方法的返回值是一个包含两个整型属性(top和left)的对象. 设置偏移量时,此方法的参数是带有top和left属性的对象. 具体用法可以参阅jQuery的offset()方法一章节. 2.positio