Prototype使用$$()函数_prototype $$-优快云博客

本文介绍PrototypeJS库中的$$()函数，该函数用于选取HTML文档中的元素，支持多种CSS选择器，如标签名、ID及类选择器。文章通过实例展示了如何使用$$()函数获取不同类型的HTML元素。

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

1.前言

$$()函数和$()函数的功能相同，者可用于访问文档中的HTML元素，只是该函数的参数是一个或多个合法的CSS选择器，该函数则返回这些选择器所对应HTML元素所组成的数组。

2.例子

看如下页面的例子。

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> $$()函数 </title>
	<style type="text/css">
		.pt9{
			font-size:9pt;
		}
	</style>
</head>
<body>
<script src="../prototype.js" type="text/javascript">
</script>
<span id="a"> Struts2</span>
<span>Java</span>
<span class="pt9">Java EE</span>
<div class="pt9">Ajax</div>
<hr />
<script type="text/javascript">
	// 返回页面中所有<span.../>元素
	var eleList = $$("span");
	for (var i = 0; i < eleList.length; i++ )
	{
		document.writeln('$$("span")的' + i + '个元素为:' 
			+ eleList[i].innerHTML + "<br />");
	}
	// 返回页面中ID为a的元素
	var eleList = $$("#a");
	for (var i = 0; i < eleList.length; i++ )
	{
		document.writeln('$$("#a")的' + i + '个元素为:' 
			+ eleList[i].innerHTML + "<br />");
	}
	// 返回页面中class为pt9的元素
	var eleList = $$(".pt9");
	for (var i = 0; i < eleList.length; i++ )
	{
		document.writeln('$$(".pt9")的' + i + '个元素为:' 
			+ eleList[i].innerHTML + "<br />");
	}
</script>
</body>
</html>