Prototype使用$$()函数

最新推荐文章于 2018-05-28 15:21:29 发布

Owen William

最新推荐文章于 2018-05-28 15:21:29 发布

阅读量810

点赞数

分类专栏： Prototype 文章标签： Prototype javascript web开发

本文链接：https://blog.csdn.net/owen_william/article/details/51344634

版权

Prototype 专栏收录该内容

15 篇文章 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.运行结果

Owen William

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Prototype使用$$()函数

1.前言$$()函数和$()函数的功能相同，者可用于访问文档中的HTML元素，只是该函数的参数是一个或多个合法的CSS选择器，该函数则返回这些选择器所对应HTML元素所组成的数组。2.例子看如下页面的例子。 $$()函数 .pt9{ font-size:9pt; } Struts2JavaJava EEAjax // 返
复制链接

扫一扫

专栏目录