<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	
    
		
			

    

    我的漫漫程序之旅
    

    專注于JavaWeb開發
    

    

    

    隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
    

    


    		
	
    

    

    
	
    
		
			
    
				數據加載中……
			
    
		    		
		
			
    
				
					
	
    
		
    
			Prototype1.6 實戰06 (Element續)
		
    
		
    
		
    <HTML>
    
     <HEAD>
    
      <TITLE>Element 02</TITLE>
    
      <script src="prototype.js" type="text/javascript"></script>
    
      <script>
    
          //Element.childElements() 返回該元素的所有子元素(并按順序)
    
          function childElementsTest()
    
          {
    
              var ul = $('ul1').childElements();
    
          ul.each(    function(o,index)
    
              {
    
            alert(    "index: " + index + " value: " + o.outerText);
    
          }    );
    
      }
    
          //previous() 方法返回上一個html元素的對象(注意是同級)
    
          function previousTest()
    
          {
    
          alert($('saying').previous().outerText);
    
      }
    
          //里面可以傳參數,從0開始，0代表向上一個,以此類推
    
           function previousTest1()
    
          {
    
          alert($('saying').previous(    1).outerText);
    
              //當然也可以直接指定$('saying').previous('h3'); 向上移動到h3元素
    
              //也可以指定class選擇器
    
              alert($('ida-red').previous('.yummy').outerText); 
    
      }
    
        
    
          function myNextSibling()
    
          {
    
              //注意返回的是一個數組
    
              var li = $('mutsu').nextSiblings();
    
          li.each(    function(i)
    
              {
    
            alert(i.outerText);
    
          }    );
    
      }
    
      </script>
    
     </HEAD>
    
     <BODY>
    
        <ul id="ul1">
    
            <li>a</li>
    
            <li>b</li>
    
            <li>c</li>
    
        </ul>
    

    
        <br />
    
        <input type="button" onclick="childElementsTest();" value="ChildElements test"/>
    
    <hr/>
    
        <ul id="fruits">   
    
            <li id="apples">     
    
                <h3>Apples</h3>     
    
                <ul id="list-of-apples">       
    
                    <li id="golden-delicious" class="yummy">Golden Delicious</li>       
    
                    <li id="mutsu" class="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> 
    
        <br />
    
        <input type="button" value="previous test" onclick="previousTest();" />
    
        <input type="button" value="向上找２個" onclick="previousTest1();" />
    
        <input type="button" value="被觀察者" id="b1"/>
    
        <br />
    
        <input type="text" id="t1" />
    
        <br />
    
        <input type="button" id="b2" value="li的兄弟" onclick="myNextSibling();"/>
    
            <input type="button" value="我在這" />
    
     </BODY>
    
     <script>
    
    (    function(){
    
            //有點像觀察者模式
    
            $('b1').observe('click',function(event)
    
            {
    
            alert('您已經被監視');
    
                //Event.element(event) 表示被觀察者對象
    
                Event.element(event).value = "完了";
    
        }    );
    

    
        $('t1').observe('change',    function(event)
    
            {
    
            alert('值已經改變');
    
            Event.element(event).value     = "";
    
        }    );
    
      }    )();
    
     </script>
    
    </HTML>
    

    
 

    



    
                                
                                
                                
    

		
    
		
    
			posted on 2008-07-24 13:12 々上善若水々 閱讀(252) 評論(0)  編輯  收藏  所屬分類: JavaScript 
		
    
	
    
	
	


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
羞羞视频免费网站在线看|
亚洲精品无码av片|
任你躁在线精品免费|
av在线亚洲欧洲日产一区二区|
激情无码亚洲一区二区三区
|
一个人免费观看在线视频www|
亚洲AV福利天堂一区二区三|
久久九九AV免费精品|
亚洲av日韩av高潮潮喷无码|
99re在线精品视频免费|
亚洲人成在线观看|
亚洲免费二区三区|
亚洲精品一二三区|
日韩a级毛片免费视频|
又大又硬又粗又黄的视频免费看|
吃奶摸下高潮60分钟免费视频|
美女啪啪网站又黄又免费|
亚洲欧洲久久久精品|
免费网站观看WWW在线观看|
久久亚洲私人国产精品vA|
2020久久精品国产免费|
亚洲AV香蕉一区区二区三区|
免费A级毛片无码A∨男男|
最近免费中文字幕中文高清|
亚洲精品国产啊女成拍色拍|
成年人视频在线观看免费|
特级aaaaaaaaa毛片免费视频|
亚洲AV永久无码精品成人|
亚洲黄色免费网站|
爱情岛论坛亚洲品质自拍视频网站|
国产黄色一级毛片亚洲黄片大全|
鲁大师在线影院免费观看
|
亚洲色偷偷狠狠综合网|
日本免费中文字幕|
亚洲欧美日韩中文无线码
|
亚洲国产精品无码一线岛国|
**aaaaa毛片免费|
无码天堂va亚洲va在线va|
亚洲a一级免费视频|
jizzjizz亚洲|
91人成网站色www免费下载|