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


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


	


    
	    
    




    








    

				

    



    







    
        
	



主站蜘蛛池模板：
国产免费看JIZZ视频|
成人无码区免费A片视频WWW|
国产一卡2卡3卡4卡2021免费观看
国产一卡2卡3卡4卡无卡免费视频
|
亚洲成人免费网址|
十八禁无码免费网站|
精品国产亚洲一区二区三区|
成人免费夜片在线观看|
免费吃奶摸下激烈视频|
深夜a级毛片免费无码|
日韩电影免费观看|
国产l精品国产亚洲区在线观看|
男女拍拍拍免费视频网站|
亚洲人成人网站在线观看|
九九九国产精品成人免费视频|
亚洲国产一成久久精品国产成人综合|
AV激情亚洲男人的天堂国语|
黑人粗长大战亚洲女2021国产精品成人免费视频
|
亚洲精品A在线观看|
国产精品玖玖美女张开腿让男人桶爽免费看
|
2015日韩永久免费视频播放|
亚洲欧洲视频在线观看|
最近中文字幕mv免费高清视频7
|
亚洲精品无码久久毛片|
国产一级一毛免费黄片|
亚洲电影一区二区|
免费视频爱爱太爽了|
亚洲一区精品无码|
毛片在线全部免费观看|
亚洲同性男gay网站在线观看|
成人黄动漫画免费网站视频|
免费国产va在线观看|
国产成人A人亚洲精品无码|
69精品免费视频|
亚洲AV无码资源在线观看|
国产午夜亚洲精品理论片不卡|
大地资源中文在线观看免费版|
亚洲国产综合人成综合网站00|
午夜视频免费成人|
亚洲精品福利网站|
国产青草视频在线观看免费影院|
jzzjzz免费观看大片免费|