Open-Source World
          
			let's learn and study.
		          		
	
          

          

          

          

          posts - 28, comments - 23, trackbacks - 0, articles - 1
          


          		
	
          
	
          
		
			
		
		
			
          
				
					
	
          
		
		
          

          一下的代碼是我從國外的網(wǎng)上看的，我又改進了一點，在這跟大家分享 
          

          代碼
          

          

          

            為prototype的Element增加兩個方法 
          

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

          

          

          


          

          
使用時 
          

          

          代碼
          

          

          

          

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

          

          

          


          

          

          

          
 
          

          
	
          


          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網(wǎng)站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
利川市|
广水市|
五原县|
察雅县|
乌兰县|
习水县|
靖宇县|
肇州县|
岚皋县|
丰台区|
乐都县|
奉贤区|
临颍县|
台州市|
修武县|
寿宁县|
当涂县|
财经|
金塔县|
会东县|
永修县|
通道|
仁寿县|
普陀区|
保亭|
临海市|
吴忠市|
双城市|
宜城市|
博白县|
公主岭市|
二连浩特市|
尼勒克县|
临沭县|
会泽县|
肇源县|
驻马店市|
霍城县|
台南县|
朝阳区|
友谊县|