JS document.all 的用法【了解】

1、doucument.all：

all 集合返回对文档中所有HTML元素的引用。
all[]是一个多功能的类似数组的对象，它提供了对文档中所有HTML元素的访问，all[]数组源自IE 4并且已经被很多其他浏览器所采用。
all[]已经被Document接口的标准的getElementById()方法和getElementsByTagName()方法以及Document对象的- getElemenstByName()方法所取代，尽管如此，这个all[]数组在已有的代码中仍然使用。
all[]包含的元素保持了最初的顺序，如果你知道它们在数组中的确切数字化位置，可以直接就从数组中提取它们，然而更为常见的是使用all[]数组，根据它们的HTML属性name 或 id 来访问元素。如果多个元素拥有指定的name，将得到共享同一名称的元素数组。

2、document.all 的用法：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>document.all的用法</title>
    <script>
		onload = function () {
			console.log(document.all);
		}
	</script>
</head>
<body>
    <h1>h1</h1>
    <p>段落</p>
    <input type="text" value="文本框" />
</body>
</html>

console.log（）打印输出：
在这里插入图片描述

1）通过 index 获取元素：document.all[index]（index为要取的下标）

2）通过 id 属性获取元素：document.all.id（id不可以重复）

<input id="a" value="b">
<script type="text/javascript">  
	alert(document.all.a.value); // 根据 id获取value
</script>

如果id相同：

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

3）通过 name 属性来获取元素：document.all.name[index]（name可以重复）

<input   name="ab"   value="a1">  
<input    name="ab"   value="a2">  
<script   type="text/javascript">  
	alert(document.all.ab[0].value)     //显示a1  
	alert(document.all.ab[1].value)     //显示a2  
</script>

JS document.all 的用法【了解】

猜你喜欢