我的漫漫程序之旅
          

          專注于JavaWeb開發(fā)
          

          

          

          隨筆 - 39, 文章 - 310, 評(píng)論 - 411, 引用 - 0
          

          


          		
	
          

          

          
	
          
		
			
          
				數(shù)據(jù)加載中……
			
          
		          		
		
			
          
				
					
	
          
		
          
			Prototype1.6 實(shí)戰(zhàn)01 <$$>
		
          
		
          
		
          <HTML>
          
           <HEAD>
          
            <TITLE> $$ </TITLE>
          
          <script src="prototype.js" type="text/javascript"></script>
          
          <style>
          
    .luck
          
              {
          
        color          :red;
          
              }
          
          </style>
          
          <script>
          
              function div$$()
          
              {
          
                  //$('div') 等同于 document.getElementsByTagName('div')
          
                  var divs = $$('div');
          
        alert(          "it's have " + divs.length + " div layer !");
          
    }
          
    
          
              function href$$()
          
              {    
          
                  //$$('#a1') 等同于 $('a1') 即 document.getElementById('a1') 不過它返回的是一個(gè)數(shù)組
          
                  var hrefs = $$('#a1');
          
                  //輸出鏈接文本
          
                  alert(hrefs[0].outerText);
          
    }
          

          
              function class$$()
          
              {    
          
                  //得到所有class樣式為luck的元素
          
                  var cls = $$('.luck');
          
                  //注意數(shù)組的.size()方法不是原生的,而是prototype類庫(kù)里面的.等同于.length
          
                  for(var i = 0; i < cls.size(); i ++)
          
                  {
          
            alert(cls[i]);
          
        }
          
    }
          

          
              function singleclass$$()
          
              {
          
                  //所有class為luck的li元素
          
                  var lis = $$('li.luck');
          
                  for(var i = 0; i < lis.size(); i ++)
          
                  {
          
                      //容器標(biāo)簽獲得其中文本值的方法outerText,改變值用innerText
          
                      alert(lis[i].outerText);
          
        }
          
    }
          

          
              function href$$2()
          
              {
          
                  var hrefs = $$('a[href="#"]');
          
                  //應(yīng)該是3
          
                  alert(hrefs.size());
          
    }
          

          
              function id$$()
          
              {
          
                  //#id 標(biāo)簽 形式
          
                  var arr = $('#a1 a','#a2 a');
          
        alert(arr.size());
          
    }
          
          </script>
          
           </HEAD>
          

          
           <BODY>
          
              <div id="d1">I'm div first</div>
          
              <div id="d2">I'm div second</div>
          
              <div id="d2">I'm div three</div>
          
              <input type="button" value="div test <$$('div')>" onclick="div$$();"/>
          
              <hr />
          
              <a href="#" id="a1">href1</a>
          
              <input type="button" value="href test <$$('#a1')>" onclick="href$$();" />
          
              <hr />
          
              <input type="text" name="username" class="luck" value="zdw"/> <br />
          
              <span class="luck">class selector</span> <br />
          
              <button onclick="class$$();">class test <$$('.luck')></button> 
          
              <hr />
          
              <li class="luck">li1</li>
          
              <li class="luck">li2</li>
          
              <li class="luck">li3</li>
          
              <br />
          
              <button onclick="singleclass$$();">single class test <$$('li.luck')></button>
          
              <hr/>
          
              <a href="#" id="a2">href1 為 #</a>
          
              <a href="#">href2 為 #</a>
          
              <input type="button" onclick="href$$2();" value="查看所有href屬性為#的a標(biāo)簽"/>
          
              <br />
          
              <input type="button" onclick="id$$();" value="查看ID為a1和a2的元素" />
          
           </BODY>
          
          </HTML>
          

          

          
轉(zhuǎn)載請(qǐng)注明出處.


          



          
                                
                                
                                
          

		
          
		
          
			posted on 2008-07-23 09:57 々上善若水々 閱讀(213) 評(píng)論(0)  編輯  收藏  所屬分類: JavaScript 
		
          
	
          
	
	


	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
锦州市|
洛南县|
于田县|
铁力市|
陵水|
霍林郭勒市|
大安市|
略阳县|
洪洞县|
延川县|
托克逊县|
萝北县|
大城县|
英吉沙县|
拉萨市|
九江市|
卓资县|
迁安市|
酒泉市|
新兴县|
晋江市|
怀来县|
重庆市|
广水市|
突泉县|
都安|
上犹县|
辛集市|
丰城市|
乐东|
北票市|
潮州市|
循化|
丽水市|
儋州市|
财经|
SHOW|
宁城县|
武邑县|
包头市|
高邑县|