Prototype – 元素对象 select() 方法

返回到:Prototype – 元素对象

此方法采用任意数量的 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!"]'); 
            
            // returns [h3, li#golden-delicious, li#mutsu]
            arr.each(function(node) {
               alert("First : " + node.nodeName + ': ' + node.innerHTML);
            });
            arr = $('apples').select( 'p#saying', 'li[title = "yummy!"]');
            
            // returns [li#golden-delicious, li#mutsu,  p#saying]
            arr.each(function(node) {
               alert("Second : " + node.nodeName + ': ' + node.innerHTML);
            });
            arr = $('apples').select('[title = "disgusting!"]');
            
            // returns []
            arr.each(function(node) {
               alert("Third : " + node.nodeName + ': ' + node.innerHTML);
            });
         }
      </script>
   </head>
   
   <body">
      <p id = "test">Click the button to see the result.</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 – 元素对象

作者:terry,如若转载,请注明出处:https://www.web176.com/prototype_api/9011.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2023年2月8日
下一篇 2023年2月8日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注