我的漫漫程序之旅
          

          專注于JavaWeb開發(fā)
          

          

          

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

          


          		
	
          

          

          
	
          
		
			
          
				數(shù)據(jù)加載中……
			
          
		          		
		
			
          
				
					
	
          
		
          
			Prototype1.6 實戰(zhàn)06 (Element續(xù))
		
          
		
          
		
          <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);
          
      }
          
                //里面可以傳參數(shù),從0開始，0代表向上一個,以此類推
          
                 function previousTest1()
          
                {
          
          alert($('saying').previous(          1).outerText);
          
                    //當然也可以直接指定$('saying').previous('h3'); 向上移動到h3元素
          
                    //也可以指定class選擇器
          
                    alert($('ida-red').previous('.yummy').outerText); 
          
      }
          
        
          
                function myNextSibling()
          
                {
          
                    //注意返回的是一個數(shù)組
          
                    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('您已經(jīng)被監(jiān)視');
          
                      //Event.element(event) 表示被觀察者對象
          
                      Event.element(event).value = "完了";
          
        }          );
          

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

          
 

          



          
                                
                                
                                
          

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


	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
巴林右旗|
江川县|
白山市|
安顺市|
康定县|
洪洞县|
沙湾县|
常熟市|
永吉县|
铜陵市|
扎鲁特旗|
石狮市|
微山县|
邵阳县|
庆云县|
龙江县|
黄山市|
泗水县|
岢岚县|
华阴市|
浠水县|
衡阳市|
根河市|
富民县|
江西省|
浪卡子县|
博罗县|
海兴县|
武穴市|
宜君县|
原平市|
文登市|
开远市|
奇台县|
嫩江县|
星子县|
石狮市|
高密市|
莒南县|
平度市|
尼木县|