Prototype - select() 方法
此方法接受任意数量的 CSS 选择器(字符串)，并返回与其中任意一个匹配的元素的扩展后代数组。
此方法与 $$() 非常相似，但可以在一个元素的上下文中使用，而不是整个文档。支持的 CSS 语法相同，因此请参阅 $$() 文档了解详情。
语法
element.select(selector...);
返回值
返回 HTML 元素数组。
示例
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showResult() {
var arr = $('apples').select('[title = "yummy!"]');
// 返回 [h3, li#golden-delicious, li#mutsu]
arr.each(function(node) {
alert("First : " + node.nodeName + ': ' + node.innerHTML);
});
arr = $('apples').select( 'p#saying', 'li[title = "yummy!"]');
// 返回 [li#golden-delicious, li#mutsu, p#saying]
arr.each(function(node) {
alert("Second : " + node.nodeName + ': ' + node.innerHTML);
});
arr = $('apples').select('[title = "disgusting!"]');
// 返回 []
arr.each(function(node) {
alert("Third:" + node.nodeName + ': ' + node.innerHTML);
});
}
</script>
</head>
<body">
<p id = "test">单击按钮查看结果。</p>
<ul id = "fruits">
<li id = "apples">
<h3 title = "yummy!">Apples</h3>
<ul id = "list-of-apples">
<li id = "golden" title = "yummy!" >Golden</li>
<li id = "mutsu" title = "yummy!">Mutsu</li>
<li id = "mcintosh">McIntosh</li>
<li id = "ida-red">Ida Red</li>
</ul>
<p id = "saying">An apple a day keeps the doctor away.</p>
</li>
</ul>
<input type = "button" value = "Click" onclick = "showResult();"/>
</body>
</html>
prototype_element_object.html
