Prototype使用$$()函数

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>

3.运行结果

时间： 2024-07-31 21:53:46