document.all用法

最新推荐文章于 2025-08-22 11:32:18 发布

转载最新推荐文章于 2025-08-22 11:32:18 发布 · 51 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/laonanren/archive/2013/03/20/2971616.html

文章标签：

#javascript #ViewUI

本文介绍了如何利用document.all属性来获取和操作网页中的DOM元素，包括通过ID和name属性定位元素的方法，并提供了示例代码说明正确的使用方式及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一

document.all是页面内所有元素的一个集合。例如：document.all(0)表示页面内第一个元素

二

document.all可以判断浏览器是否是IE

<script language="javascript">
if(document.all)
{
	alert("IE");
}
</script>

三

也可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素

四

代码①

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

代码②

错误：

<input   name=aaa   value=a1>
<input   name=aaa   value=a2>
<input   id=bbb   value=bbb>
<script language="javascript">  
alert(document.all.aaa(0).value)     //显示a1  
alert(document.all.aaa(1).value)     //显示a2  
alert(document.all.bbb(0).value)     //这行代码会失败
</script>

正确：

<input name=aaa value=a1>
<input   name=aaa   value=a2>
<input   id=bbb   value=bbb>
<script language="javascript">  
alert(document.all.aaa(0).value);//显示a1  
alert(document.all.aaa(1).value);//显示a2  
alert(document.all.bbb.value);
</script>

代码③

理论上一个页面中的id是互不相同的，如果出现不同tags有相同的id

document.all.id就会失败,就象这样：

<input id=aaa value=a1>  
<input id=aaa value=a2>  
<script language="javascript">  
alert(document.all.aaa.value);//显示undefined而不是a1或者a2  
</script>

对于一个复杂的页面（代码很长，或者id是由程序自动产生)或着一个

javascript初学者写的程序，很有可能出现两个tags有相同id的情况。

为了编程的时候不出错，我推荐这样的写法：

<input id=aaa value=aaa1>  
<input name=aaa value=aaa2>  
<input name=bbb value=bbb1>  
<input id=bbb value=bbb2>  
<input id=ccc value=ccc>  
<input name=ddd value=ddd>  
<script language="javascript">  
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.value);
alert(document.all.ddd.value);
</script>

转载于:https://www.cnblogs.com/laonanren/archive/2013/03/20/2971616.html