Open-Source World

          let's learn and study.
          posts - 28, comments - 23, trackbacks - 0, articles - 1

          一下的代碼是我從國外的網上看的,我又改進了一點,在這跟大家分享

          代碼
            為prototype的Element增加兩個方法
          1. document.getElementsByAttribute = function(attribute,parent) {   
          2.     return $A(($(parent) || document.body).getElementsByTagName('*')).inject([],function(elements,child){   
          3.         if(Element.readAttribute(child,attribute)!=null)   
          4.                    //這個判斷我改成了!=null原來沒有但這樣當你在元素中只是添加了某個屬性   
          5.                       //如<input type='text' required />這時原來的代碼就會找不到   
          6.             elements.push(Element.extend(child));   
          7.         return elements;   
          8.     });   
          9. }   
          10.   
          11. document.getElementsByAttributeValue = function(attribute,value,parent) {   
          12.     return $A(($(parent) || document.body).getElementsByTagName('*')).inject([],function(elements,child){   
          13.         if(Element.readAttribute(child,attribute) == value)   
          14.             elements.push(Element.extend(child));   
          15.         return elements;   
          16.     });   
          17. }   
          18.   
          19. Element.addMethods({   
          20.     getElementsByAttribute: function(element,attribute){   
          21.         return document.getElementsByAttribute(attribute,element);   
          22.     },   
          23.     getElementsByAttributeValue: function(element,attribute,value){   
          24.         return document.getElementsByAttributeValue(attribute,value,element);   
          25.     }   
          26. });   



          使用時

          代碼
          1. <html>  
          2. <head>  
          3. <script src='prototype.js'></script>  
          4. <script src='prototype.tidbits.js'></script>  
          5. <script language="javascript" type="text/javascript">  
          6.     Event.observe(window,'load',function(){   
          7.         alert($('div1').getElementsByAttribute('require').length);   
          8.         alert(document.getElementsByAttribute('require').length);   
          9.     })   
          10. </script>  
          11. </head>  
          12. <body>  
          13.     <div id='div1'>  
          14.     <input type='text'   require/>  
          15.     <input type='text' require />  
          16.     </div>  
          17. </body>  
          18. </html>  





           


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 德州市| 平武县| 北碚区| 施秉县| 潜山县| 奉节县| 万源市| 稷山县| 调兵山市| 涿鹿县| 孟连| 花莲县| 安西县| 全州县| 巴彦县| 清徐县| 汽车| 冷水江市| 金门县| 论坛| 长葛市| 吉木萨尔县| 大石桥市| 黄梅县| 弥渡县| 南宫市| 庆安县| 始兴县| 白河县| 蓝田县| 宝坻区| 徐水县| 陈巴尔虎旗| 平阴县| 招远市| 南汇区| 平原县| 嘉定区| 马边| 海晏县| 通江县|