<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 星期五 閱讀(372) 評論(0)  編輯  收藏  所屬分類: web  開發 
		
    
	
    
	
	


	


    
	    
    




    








    

				

    



    







    
        
	



主站蜘蛛池模板：
成人毛片100免费观看|
久久精品免费一区二区喷潮|
亚洲视频在线免费播放|
成人免费a级毛片|
一级做a爰片久久毛片免费看|
久久久亚洲AV波多野结衣|
日韩免费视频播播|
久久精品一区二区免费看|
亚洲人成欧美中文字幕|
国产精品亚洲а∨无码播放|
特级做A爰片毛片免费69|
好湿好大好紧好爽免费视频|
亚洲大香伊人蕉在人依线|
亚洲第一区精品观看|
亚洲网站免费观看|
高清永久免费观看|
亚洲熟妇无码AV不卡在线播放
|
亚洲av无码成人精品区|
亚洲电影在线免费观看|
caoporn成人免费公开|
国产午夜亚洲精品|
亚洲色图在线观看|
亚洲一区二区三区免费|
天天看免费高清影视|
最近中文字幕免费mv在线视频|
一级毛片完整版免费播放一区|
久久久久亚洲国产|
色噜噜综合亚洲av中文无码|
亚洲国产综合人成综合网站|
成人毛片免费播放|
亚洲免费人成视频观看|
久久久精品午夜免费不卡|
免费无码AV一区二区|
亚洲欧美国产欧美色欲|
亚洲日本在线观看网址|
亚洲AV无码专区在线播放中文
|
亚洲AV无码乱码在线观看代蜜桃
|
久久久久亚洲精品无码网址色欲|
亚洲精品国产成人|
久久国产精品亚洲综合|
久久亚洲中文字幕精品一区四|