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

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

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

    
    

    




    







												


        

    
	

    道非道  非常道
    

    勤思、謹(jǐn)言、慎行、厚積、薄發(fā)
    

    


    
	
		

    統(tǒng)計(jì)
    
	
		
        
		
		
    web
    
		
				
			
	
		
    天圓
    
		
				
			
	
		
    經(jīng)濟(jì) 政治 軍事
    
		
				
			
	
		
    鍵康
    
		
				
			
	

        
		
	

    

    
	
					
	
    
		
    
			[轉(zhuǎn)] 關(guān)于 insertAdjacentHTML    insertAdjacentText
		
    
		
     
    

     1添加html內(nèi)容(insertAdjacentHTML和insertAdjacentText)
    
     2    dhtml提供了兩個(gè)方法來進(jìn)行添加，insertAdjacentHTML和insertAdjacentText
    
     3insertAdjacentHTML方法：在指定的地方插入html標(biāo)簽語句。
    
     4    原型：insertAdjacentHTML(swhere,stext)
    
     5    參數(shù)：
    
     6    swhere:指定插入html標(biāo)簽語句的地方，有四種值可以用：
    
     7              1.beforeBegin:插入到標(biāo)簽開始前
    
     8              2.afterBegin:插入到標(biāo)簽開始標(biāo)記后
    
     9              3.beforeEnd:插入到標(biāo)簽結(jié)束標(biāo)記前
    
    10              4.afterEnd:插入到標(biāo)簽結(jié)束標(biāo)記后
    
    11              stext:要插入的內(nèi)容
    
    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方法類似，只不過只能插入純文本，參數(shù)相同
    
    27trackback:http://gmfzh.bokee.com/3680267.html 
    
    28
    
    29
    
    30方法名稱：insertHtml(where,el,html)
    
    31
    
    32參數(shù)介紹：
    
    33where：插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd。
    
    34el：用于參照插入位置的html元素對(duì)象
    
    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 星期五 閱讀(373) 評(píng)論(0)  編輯  收藏  所屬分類: web  開發(fā) 
		
    
	
    
	
	


	


    
	    
    




    








    

				

    



    







    
        
	



主站蜘蛛池模板：
免费无码又黄又爽又刺激|
GOGOGO免费观看国语|
精品国产日韩久久亚洲|
亚洲第一页在线视频|
久久国产亚洲精品无码|
亚洲成色在线影院|
亚洲AV无码国产精品色午友在线
|
日韩免费在线中文字幕|
美女尿口扒开图片免费|
羞羞视频网站免费入口|
99亚洲男女激情在线观看|
国产亚洲精彩视频|
xxxxxx日本处大片免费看|
久久av免费天堂小草播放|
丰满人妻一区二区三区免费视频|
成在线人免费无码高潮喷水|
人妻在线日韩免费视频|
99热精品在线免费观看|
免费h片在线观看网址最新|
免费国产黄线在线观看|
日本一道在线日本一道高清不卡免费|
日韩免费无码一区二区视频|
亚洲av片一区二区三区|
国产AV无码专区亚洲AV手机麻豆|
久久99国产亚洲高清观看首页|
亚洲第一视频网站|
亚洲中文字幕人成乱码|
亚洲va中文字幕|
一区二区在线视频免费观看|
在线看片免费人成视频福利|
久久午夜夜伦鲁鲁片免费无码影视|
免费观看成人毛片a片2008|
亚洲av再在线观看|
亚洲av无码国产精品夜色午夜|
国产成人精品亚洲日本在线|
美女视频黄频a免费观看|
国产精品免费久久|
亚洲视频免费在线看|
日韩免费高清一级毛片在线|
2048亚洲精品国产|
亚洲成年人免费网站|