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

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

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

    
    

    




    







												


        

    
	

    道非道  非常道
    

    勤思、謹言、慎行、厚積、薄發
    

    


    
	
		

    統計
    
	
		
        
		
		
    web
    
		
				
			
	
		
    天圓
    
		
				
			
	
		
    經濟 政治 軍事
    
		
				
			
	
		
    鍵康
    
		
				
			
	

        
		
	

    

    
	
					
	
    
		
    
			[轉] 關于 insertAdjacentHTML    insertAdjacentText
		
    
		
     
    

     1添加html內容(insertAdjacentHTML和insertAdjacentText)
    
     2    dhtml提供了兩個方法來進行添加，insertAdjacentHTML和insertAdjacentText
    
     3insertAdjacentHTML方法：在指定的地方插入html標簽語句。
    
     4    原型：insertAdjacentHTML(swhere,stext)
    
     5    參數：
    
     6    swhere:指定插入html標簽語句的地方，有四種值可以用：
    
     7              1.beforeBegin:插入到標簽開始前
    
     8              2.afterBegin:插入到標簽開始標記后
    
     9              3.beforeEnd:插入到標簽結束標記前
    
    10              4.afterEnd:插入到標簽結束標記后
    
    11              stext:要插入的內容
    
    12      例：var sHTML="<input type=button onclick=" +     "go2()" + " value='Click Me'><BR>"
    
    13      var sScript='<SCRIPT DEFER>'
    
    14      sScript = sScript +     'function go2(){ alert("Hello from inserted script.") }'
    
    15      sScript = sScript + '    </script' + '>';
    
    16      ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
    
    17      在html正文中加入一行：
    
    18    <DIV ID="ScriptDiv"></Div>
    
    19     最終變成：
    
    20    <DIV ID="ScriptDiv">
    
    21       <input type=button onclick=go2() value='Click Me'><BR>
    
    22       <SCRIPT DEFER>
    
    23         function go2(){alert("Hello from inserted sctipt.")}'
    
    24           </script>
    
    25     </DIV> 
    
    26     insertAdjacentText方法與insertAdjacentHTML方法類似，只不過只能插入純文本，參數相同
    
    27trackback:http://gmfzh.bokee.com/3680267.html 
    
    28
    
    29
    
    30方法名稱：insertHtml(where,el,html)
    
    31
    
    32參數介紹：
    
    33where：插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd。
    
    34el：用于參照插入位置的html元素對象
    
    35html：要插入的html代碼
    
    36
    
    37源碼如下：
    
    38<script type="text/javascript">
    
    39  <!--
    
    40    function insertHtml(where, el, html){
    
    41        where = where.toLowerCase();
    
    42        if(el.insertAdjacentHTML){
    
    43            switch(where){
    
    44                case "beforebegin":
    
    45                    el.insertAdjacentHTML('BeforeBegin', html);
    
    46                    return el.previousSibling;
    
    47                case "afterbegin":
    
    48                    el.insertAdjacentHTML('AfterBegin', html);
    
    49                    return el.firstChild;
    
    50                case "beforeend":
    
    51                    el.insertAdjacentHTML('BeforeEnd', html);
    
    52                    return el.lastChild;
    
    53                case "afterend":
    
    54                    el.insertAdjacentHTML('AfterEnd', html);
    
    55                    return el.nextSibling;
    
    56            }
    
    57            throw 'Illegal insertion point -> "' + where + '"';
    
    58        }
    
    59  var range = el.ownerDocument.createRange();
    
    60        var frag;
    
    61        switch(where){
    
    62             case "beforebegin":
    
    63                range.setStartBefore(el);
    
    64                frag = range.createContextualFragment(html);
    
    65                el.parentNode.insertBefore(frag, el);
    
    66                return el.previousSibling;
    
    67             case "afterbegin":
    
    68                if(el.firstChild){
    
    69                    range.setStartBefore(el.firstChild);
    
    70                    frag = range.createContextualFragment(html);
    
    71                    el.insertBefore(frag, el.firstChild);
    
    72                    return el.firstChild;
    
    73                }    else{
    
    74                    el.innerHTML = html;
    
    75                    return el.firstChild;
    
    76                }
    
    77            case "beforeend":
    
    78                if(el.lastChild){
    
    79                    range.setStartAfter(el.lastChild);
    
    80                    frag = range.createContextualFragment(html);
    
    81                    el.appendChild(frag);
    
    82                    return el.lastChild;
    
    83                }    else{
    
    84                    el.innerHTML = html;
    
    85                    return el.lastChild;
    
    86                }
    
    87            case "afterend":
    
    88                range.setStartAfter(el);
    
    89                frag = range.createContextualFragment(html);
    
    90                el.parentNode.insertBefore(frag, el.nextSibling);
    
    91                return el.nextSibling;
    
    92            }
    
    93            throw 'Illegal insertion point -> "' + where + '"';
    
    94    }
    
    95    
    
    96  trackback: http://m.tkk7.com/Scott/archive/2007/08/30/141449.html
    
    97
    


		
    
			posted on 2009-07-09 10:37 星期五 閱讀(379) 評論(0)  編輯  收藏  所屬分類: web  開發 
		
    
	
    
	
	


	


    
	    
    




    








    

				

    



    







    
        
	



主站蜘蛛池模板：
久久精品一本到99热免费|
男女做羞羞的事视频免费观看无遮挡
|
91亚洲国产成人久久精品|
99精品全国免费观看视频|
青娱乐在线视频免费观看|
精品亚洲一区二区|
免费精品国产自产拍在|
男人扒开添女人下部免费视频|
亚洲乱码国产乱码精品精|
国产成人yy免费视频|
九九久久国产精品免费热6|
亚洲一区二区三区四区在线观看|
午夜寂寞在线一级观看免费|
久草免费福利在线|
亚洲午夜在线播放|
亚洲男同帅GAY片在线观看|
成人性生活免费视频|
国产一精品一AV一免费|
亚洲人成色4444在线观看|
亚洲AV永久无码精品成人|
永久免费观看的毛片的网站|
久草福利资源网站免费|
亚洲av乱码一区二区三区按摩|
久久精品国产精品亚洲蜜月|
国产成人高清精品免费鸭子|
一级毛片在线免费看|
曰韩无码AV片免费播放不卡|
国产精品高清视亚洲精品|
国产精品亚洲片在线观看不卡|
成人免费毛片视频|
蜜桃AV无码免费看永久|
成年大片免费高清在线看黄|
亚洲一区二区三区乱码在线欧洲|
亚洲国产精品嫩草影院在线观看|
国产无遮挡裸体免费视频|
精品国产免费人成电影在线观看
|
麻豆亚洲AV永久无码精品久久
|
国产精品久久久亚洲|
免费国产成人午夜电影|
人妻视频一区二区三区免费|
午夜精品免费在线观看|