<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 實戰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);
    
            }
    
                //第一人參數<position,即要在哪添加>,第二個參數即要添加的內容
    
                Element.insert("d1","<input type='text' />");
    
                //直接指定元素的insert也可以,直接在參數里傳內容
    
                $('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 
		
    
	
    
	
	


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
18禁亚洲深夜福利人口|
在线观看亚洲电影|
久久青草精品38国产免费|
毛茸茸bbw亚洲人|
四虎精品成人免费视频|
亚洲av麻豆aⅴ无码电影|
日日躁狠狠躁狠狠爱免费视频|
日韩免费高清视频网站|
色婷婷六月亚洲综合香蕉|
日韩精品免费电影|
国产精品久久久久久亚洲小说|
免费在线精品视频|
福利免费在线观看|
久久精品国产精品亚洲蜜月|
99久热只有精品视频免费看|
亚洲手机中文字幕|
黄网址在线永久免费观看
|
中文在线日本免费永久18近|
国产AV无码专区亚洲AV漫画|
永久免费不卡在线观看黄网站|
亚洲高清在线视频|
国产啪精品视频网免费|
亚洲Av永久无码精品一区二区|
亚洲欧洲日产国码一级毛片|
日本高清高色视频免费|
久久久无码精品亚洲日韩京东传媒|
AV大片在线无码永久免费|
久久精品国产亚洲av瑜伽|
在线观看亚洲天天一三视|
嫩草在线视频www免费观看|
国产成人精品日本亚洲网址|
国产无遮挡吃胸膜奶免费看
|
无码国产精品久久一区免费|
亚洲AV无码国产一区二区三区|
青青草原亚洲视频|
动漫黄网站免费永久在线观看|
日本视频免费观看|
亚洲人成电影网站|
亚洲人成人一区二区三区|
国产成人免费爽爽爽视频|
9久热这里只有精品免费|