标签:
$$()函数和$()函数的功能相同,者可用于访问文档中的HTML元素,只是该函数的参数是一个或多个合法的CSS选择器,该函数则返回这些选择器所对应HTML元素所组成的数组。
看如下页面的例子。
<!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>
标签:
原文地址:http://blog.csdn.net/owen_william/article/details/51344634