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

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

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

    
    

    




    







												


        

    
	
    
		
			

    

    我的漫漫程序之旅
    

    專注于JavaWeb開發(fā)
    

    

    

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

    


    		
	
    

    

    
	
    
		
			
    
				數(shù)據(jù)加載中……
			
    
		    		
		
			
    
				
					
	
    
		
    
			Prototype1.6 實戰(zhàn)05    (Element)
		
    
		
    
		
    <HTML>
    
     <HEAD>
    
      <TITLE> Element </TITLE>
    
    <script src="prototype.js" type="text/javascript" /></script>
    
    <style>
    
    .luck
    
        {
    
        color     :  red;
    
        }
    
    </style>
    
      <script>
    
            function _insert()
    
            {    
    
                //檢查d1元素內是否有值
    
                if(!$('d1').empty())
    
                {
    
                alert($('d1').outerText);
    
            }
    
                //第一人參數(shù)<position,即要在哪添加>,第二個參數(shù)即要添加的內容
    
                Element.insert("d1","<input type='text' />");
    
                //直接指定元素的insert也可以,直接在參數(shù)里傳內容
    
                $('d1').insert("<img src='' />");
    
        }
    

    
            function _remove()
    
            {
    
            $('d1').remove();
    
                //或用Element.remove('d1');
    
            }
    

    
            function _replace()
    
            {
    
            $('d1').replace(    "<div id='d1'>QQ</div>");
    
        }
    

    
            function _addClass()
    
            {
    
            $('t1').addClassName('luck');
    
        }
    

    
            function _removeClass()
    
            {
    
            $('t1').removeClassName('luck');
    
        }
    

    
            function _hide()
    
            {
    
            $('t1').hide();
    
        }
    

    
            function _show()
    
            {
    
            $('t1').show();
    
        }
    

    
      </script>
    
     </HEAD>
    

    
     <BODY>
    
        <div id="d1">
    
            dtest
    
        </div>
    
        <input type="button" value="添加" onclick="_insert();"/>
    
        <input type="button" value="替換" onclick="_replace();"/>
    
        <input type="button" value="刪除" onclick="_remove();"/>
    
        <input type="text" value="請注意查看文字顏色" id="t1"/>
    
        <input type="button" value="添加class" onclick="_addClass()" />
    
        <input type="button" value="移除class" onclick="_removeClass()" />
    
        <input type="button" value="隱藏" onclick="_hide()" />
    
        <input type="button" value="顯示" onclick="_show()" />
    
        <div id="framer">   <img src="http://www.baidu.com/img/baidu.gif" alt="點此還原為原來大小" onclick="$('framer').undoClipping();"/> </div> 
    
     </BODY>
    
     <script>
    
    (    function()
    
            {
    
                //剪切層的大小 
    
                $('framer').makeClipping().setStyle({width: '100px' ,height: '100px'});
    
        }    )();
    

    
    
    
     </script>
    
    </HTML>
    

    
  

    



    
                                
                                
                                
    

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


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
一区二区在线免费观看|
日本特黄a级高清免费大片|
国产在线观看免费不卡|
亚洲一区精品视频在线|
最近2019年免费中文字幕高清|
亚洲精品V欧洲精品V日韩精品
|
国产亚洲精品精品精品|
免费羞羞视频网站|
亚洲sm另类一区二区三区|
特级无码毛片免费视频尤物|
亚洲91精品麻豆国产系列在线|
亚洲日韩人妻第一页|
国产亚洲综合久久|
亚洲高清中文字幕|
亚洲国产精品免费观看|
中文字幕亚洲精品无码|
色www永久免费视频|
免费人成激情视频在线观看冫|
亚洲va久久久噜噜噜久久天堂|
99re热精品视频国产免费|
国产精品免费视频观看拍拍|
中文字幕亚洲第一|
一级成人a毛片免费播放|
午夜在线亚洲男人午在线|
亚洲四虎永久在线播放|
在线观看免费毛片|
一二三四在线观看免费中文在线观看|
国产成人精品亚洲精品|
24小时免费直播在线观看|
视频免费1区二区三区|
亚洲天堂免费在线|
亚洲一区视频在线播放|
嫩草视频在线免费观看|
99热在线免费播放|
光棍天堂免费手机观看在线观看|
午夜亚洲国产精品福利|
亚洲人成无码网站在线观看|
免费h黄肉动漫在线观看|
日本免费人成视频在线观看|
一区二区在线视频免费观看|
亚洲免费精彩视频在线观看|