<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 々上善若水々 閱讀(251) 評論(0)  編輯  收藏  所屬分類: JavaScript 
		
    
	
    
	
	


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
a毛片全部免费播放|
国产亚洲人成网站在线观看|
国产午夜无码精品免费看动漫
|
中文字幕无码一区二区免费|
日韩欧美亚洲中文乱码|
亚洲国产日韩在线成人蜜芽|
亚洲综合AV在线在线播放|
国产大片91精品免费看3|
av免费不卡国产观看|
十八禁无码免费网站|
三级网站在线免费观看|
一级A毛片免费观看久久精品|
亚洲人成人无码.www石榴|
亚洲欧洲国产精品久久|
亚洲一区二区三区高清|
亚洲人成无码网站|
在线观看亚洲天天一三视|
亚洲国产成人久久综合碰|
日韩高清在线免费观看|
色吊丝最新永久免费观看网站
|
久久精品视频亚洲|
国内精品99亚洲免费高清|
国产成人精品日本亚洲专区|
亚洲成?v人片天堂网无码|
免费一看一级毛片全播放|
一级毛片直播亚洲|
亚洲国产专区一区|
亚洲真人日本在线|
亚洲熟妇无码八AV在线播放|
亚洲伊人久久精品影院|
国产亚洲精品va在线|
亚洲av日韩av激情亚洲|
亚洲丝袜美腿视频|
亚洲国产成人资源在线软件
|
日韩精品成人无码专区免费|
曰曰鲁夜夜免费播放视频|
99精品国产免费久久久久久下载
|
亚洲综合精品伊人久久|
亚洲午夜成人精品无码色欲|
亚洲精品无码成人|
人人爽人人爽人人片av免费|