码迷,mamicode.com
首页 > 其他好文 > 详细

Prototype使用$$()函数

时间:2016-05-13 00:15:57      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

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.运行结果

技术分享

Prototype使用$$()函数

标签:

原文地址:http://blog.csdn.net/owen_william/article/details/51344634

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!