`

document.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>

分享到:
评论

相关推荐

    javascript笔记汇总

    JavaScript提供了多种方式来检测浏览器是否支持某些特性,如`document.all`、`document.getElementById`等。通过这些检测,开发者可以决定是否使用某些高级功能或是否需要提供备用方案。 ```javascript function ...

    JavaScript 特效笔记

    layerRef = "document.all"; styleSwitch = ".style"; } function doMouseMove() { layerName = 'iit'; eval('var curElement=' + layerRef + '["' + layerName + '"]'); eval(layerRef + '["' + layerName ...

    比较详细的javascript DOM 学习笔记第1 2页.docx

    需要注意的是,在IE6中,使用通配符“*”时可能无法返回所有元素,此时可以考虑使用`document.all`代替。 ##### 2. `getElementsByName()` 此方法用于获取具有指定名称的所有元素,并返回一个NodeList。例如: ```...

    JavaScript学习笔记

    if (document.all) { // 检测IE浏览器 window.attachEvent("onload", test); // IE中的页面加载事件绑定方法 } else { // 其他浏览器,如Firefox等 window.addEventListener("load", test, false); // 非IE浏览器...

    JS代码大全

    - **`document.all("txt").focus()`**: 将焦点设置到id为`txt`的元素上。 - **`document.all("txt").select()`**: 选中id为`txt`的元素中的文本。 **窗体命令** - **`document.execCommand`**: 执行一个特定的...

    10代笔记本图纸 INTEL 10nm ICL-U RDK(1).pdf

    10代笔记本图纸 INTEL 10nm ICL-U RDK 4. * SUFFIX INDICATES ACTIVE LOW SIGNAL. ...6. THIS DOCUMENT ALSO EXISTS ON ELECTRONIC MEDIA. 5. \I SUFFIX INDICATES SIGNAL EXITS HIERARCHICAL BLOCK.

    js菜鸟笔记之图文渐变动画_ekom.cn

    在本文档中,我们使用了JavaScript来实现这一功能,并且主要针对的是IE浏览器(支持`document.all`属性)和其他非IE浏览器(支持`document.layers`属性)。 ### 二、实现原理 #### 1. 图片预加载 为了确保图片能...

    Javascript技术笔记3

    ### JavaScript技术笔记精要 #### 一、CSS样式与JavaScript交互 **1.1 `word-break: break-all`** 在CSS中,`word-break: break-all`是一个非常实用的属性,用于解决长单词或URL超出容器宽度时的换行问题。当一行...

    JavaScript按钮类\一个按钮完成对文本框内容的copy和复制

    - 使用`document.all`或`document.getElementById`来尝试获取对象。 - 如果未找到,则在文档的所有表单中查找,最后在所有层中查找。 - 如果仍然找不到,则返回`null`。 - **`JM_cc`**:此函数用于复制文本框中...

    js菜鸟笔记之时钟显示特效_ekom.cn

    - 对于支持`document.all`的浏览器(如IE),直接更新指定ID的元素内容。 - 对于支持`document.layers`的浏览器(如Netscape 4),通过创建HTML元素并写入时间来显示。 5. **定时更新**: - `var timer = ...

    js菜鸟笔记之表单验证_ekom.cn

    with (document.all) { if (input1.value != input2.value) { alert("false"); input1.value = ""; input2.value = ""; } else { document.forms[0].submit(); } } } ``` **解释:** - `input1.value`: ...

    mongodb学习笔记

    mongodb学习笔记 MongoDB 是一个基于分布式文件存储的开源数据库系统,主要用于处理大量数据的存储和查询。以下是 MongoDB 的一些基本操作和技巧: 插入文档 MongoDB 中可以使用 `insert` 方法来插入文档,例如 ...

    java近期笔记

    List&lt;NmsDataService&gt; dataServices = this.iDataService.getAll(); BufferedWriter bw = new BufferedWriter(new FileWriter(new File(path))); for (int i = 0; i &lt; dataServices.size(); i++) { bw.write(data...

    ajax数据传输方式实例详解

    本文实例讲述了ajax数据传输方式。分享给大家供大家参考,具体如下: 在异步应用程序中发送和接收信息时,常见的可以选择以纯文本...// 此函数等价于document.getElementById /document.all function $(s) { if (docum

    javascript中checkbox使用方法简单实例演示.docx

    var allM = document.getElementsByName("all")[0]; var nodes = document.getElementsByName("mm"); for (var x = 0; x &lt; nodes.length; x++) { if (nodes[x].checked === false) { flag = false; break; } ...

    js复选框(checkbox).zip

    document.getElementById('deselectAll').addEventListener('click', function() { toggleAllCheckboxes(false); }); ``` 通过这个压缩包,你可以学习到如何在HTML5中创建和控制复选框,以及如何使用CSS和...

    前端课程学习笔记汇总

    1. DOM API:熟悉document对象的方法,如getElementById、getElementsByClassName等,以及节点操作(创建、插入、删除、替换)。 2. 事件处理:理解事件冒泡和事件捕获,学会添加和移除事件监听器,以及事件委托技巧...

    linux运维笔记:Centos6.9之yum安装LNMP.docx

    Linux运维笔记:Centos6.9之yum安装LNMP 一、Centos6.9之yum安装LNMP概述 Centos6.9之yum安装LNMP是指使用Centos6.9操作系统上的yum包管理器来安装LNMP(Linux、Nginx、MySQL、PHP)环境。LNMP环境是Web应用程序的...

Global site tag (gtag.js) - Google Analytics