<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://www.tkk7.com/Scott/archive/2007/08/30/141449.html
    
    97
    


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


	


    
	    
    




    








    

				

    



    







    
        
	



主站蜘蛛池模板：
999在线视频精品免费播放观看
|
亚洲日韩看片无码电影|
久久国产乱子精品免费女|
精品国产日韩亚洲一区|
国产91成人精品亚洲精品|
国产公开免费人成视频|
亚洲成aⅴ人片久青草影院|
自拍偷自拍亚洲精品播放|
大地资源网高清在线观看免费|
91成人在线免费观看|
免费无码AV片在线观看软件|
亚洲精品视频免费观看|
人妖系列免费网站观看|
爱丫爱丫影院在线观看免费|
亚洲中文字幕无码一久久区|
亚洲性无码AV中文字幕|
最新仑乱免费视频|
国产亚洲福利一区二区免费看|
高清在线亚洲精品国产二区|
免费的黄色的网站|
中文字幕av无码无卡免费|
亚洲国产AV无码专区亚洲AV|
你懂的免费在线观看|
亚洲一区二区电影|
xxxx日本在线播放免费不卡|
成人免费无遮挡无码黄漫视频|
亚洲色欲色欲www在线播放|
国产精品久免费的黄网站|
一级毛片免费不卡直观看|
亚洲AV无码国产精品麻豆天美|
久久精品无码专区免费青青|
亚洲熟妇AV日韩熟妇在线|
亚洲AⅤ永久无码精品AA|
国产成人免费AV在线播放
|
最近最好的中文字幕2019免费|
18禁亚洲深夜福利人口|
亚洲精品和日本精品|
少妇人妻偷人精品免费视频|
亚洲一区二区三区高清在线观看|
毛茸茸bbw亚洲人|
成人免费观看一区二区|