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>