我的漫漫程序之旅
          

          專注于JavaWeb開發(fā)
          

          

          

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

          


          		
	
          

          

          
	
          
		
			
          
				數(shù)據(jù)加載中……
			
          
		          		
		
			
          
				
					
	
          
		
          
			Prototype1.6 實戰(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') 不過它返回的是一個數(shù)組
          
                  var hrefs = $$('#a1');
          
                  //輸出鏈接文本
          
                  alert(hrefs[0].outerText);
          
    }
          

          
              function class$$()
          
              {    
          
                  //得到所有class樣式為luck的元素
          
                  var cls = $$('.luck');
          
                  //注意數(shù)組的.size()方法不是原生的,而是prototype類庫里面的.等同于.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 ++)
          
                  {
          
                      //容器標簽獲得其中文本值的方法outerText,改變值用innerText
          
                      alert(lis[i].outerText);
          
        }
          
    }
          

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

          
              function id$$()
          
              {
          
                  //#id 標簽 形式
          
                  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標簽"/>
          
              <br />
          
              <input type="button" onclick="id$$();" value="查看ID為a1和a2的元素" />
          
           </BODY>
          
          </HTML>
          

          

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


          



          
                                
                                
                                
          

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


	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
炎陵县|
顺义区|
钟祥市|
广宗县|
蕉岭县|
绩溪县|
溆浦县|
湾仔区|
江北区|
玛沁县|
女性|
巴林左旗|
扶风县|
堆龙德庆县|
新丰县|
乐陵市|
桓台县|
长宁区|
黑龙江省|
镇江市|
体育|
德保县|
原平市|
肇庆市|
莲花县|
麟游县|
岱山县|
禄丰县|
营口市|
安阳市|
庄河市|
万盛区|
苏尼特左旗|
商河县|
织金县|
白河县|
湟源县|
锡林郭勒盟|
绥江县|
盐边县|
东方市|