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

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

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

    posts - 27,  comments - 14,  trackbacks - 0

    添加HTML內(nèi)容與文本內(nèi)容以前用的是innerHTML與innerText方法,最近發(fā)現(xiàn)還有insertAdjacentHTML和insertAdjacentText方法,這兩個(gè)方法更靈活,可以在指定的地方插入html內(nèi)容和文本內(nèi)容。
    insertAdjacentHTML方法:在指定的地方插入html標(biāo)簽語句

    原型:insertAdajcentHTML(swhere,stext)

    參數(shù):

    swhere: 指定插入html標(biāo)簽語句的地方,有四種值可用:

    1.     beforeBegin: 插入到標(biāo)簽開始前

    2.     afterBegin:插入到標(biāo)簽開始標(biāo)記之后

    3.     beforeEnd:插入到標(biāo)簽結(jié)束標(biāo)記前

    4.     afterEnd:插入到標(biāo)簽結(jié)束標(biāo)記后

    stext:要插入的內(nèi)容

     1 <html>
     2     <head>
     3     <script language="javascript">
     4     function myfun(){
     5         var obj = document.getElementById("btn1");
     6         obj.insertAdjacentHTML("afterEnd","<br><input name="txt1">");
     7     }
     8     </script>
     9     </head>
    10     <body>
    11         <input name="txt">
    12         <input id="btn1" name="btn1" type="button" value="更多" onclick="myfun()">
    13     </body>
    14 </html>
    ************************************************************************************

     1 <html>
     2 <head>
     3 <title>24.htm insertAdjacentHTML插入新內(nèi)容</title>
     4 <script language="jscript">
     5 function addsome()
     6 {
     7     document.all.paral.insertAdjacentHTML("afterBegin","<h1>在文本前容器內(nèi)插入內(nèi)容</h1>");
     8     document.all.paral.insertAdjacentHTML("beforeEnd","<h2>在文本后容器內(nèi)插入內(nèi)容</h2>");
     9     document.all.paral.insertAdjacentHTML("beforeBegin","<h4>在文本前容器外插入內(nèi)容</h1>");
    10     document.all.paral.insertAdjacentHTML("afterEnd","<h5>在文本后容器外插入內(nèi)容</h2>");
    11 }
    12 </script>
    13 </head>
    14 <body onload="addsome()">
    15 <div id="paral" style="fontsize:6;color='#ff00ff'">原來的內(nèi)容</div><hr>
    16 </body>
    17 </html> 

    **********************************************************************************
     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
     2 <HTML>
     3 <HEAD>
     4 <TITLE> New Document </TITLE>
     5 <META NAME="Generator" CONTENT="EditPlus">
     6 <META NAME="Author" CONTENT="">
     7 <META NAME="Keywords" CONTENT="">
     8 <META NAME="Description" CONTENT="">
     9 </HEAD>
    10 <BODY>
    11 <script>
    12 var num=0;
    13 var No_sys=0;
    14 function Add_button(){
    15 if(No_sys<8){
    16     c_input.insertAdjacentHTML("beforeEnd","<div id="bar"+num+"" oncontextmenu="Remove_button(bar"+num+");return    false" style="background:red;width:40;height:20">"+num+"</div>");
    17     num++;
    18     No_sys++;
    19 }
    20 }
    21 function Remove_button(obj){
    22 obj.removeNode(true);
    23 No_sys--;
    24 }
    25 </script>
    26 <input type="button" onclick="Add_button()" value="動(dòng)態(tài)加">
    27 <input type="button" onclick="alert(c_input.innerHTML)" value="看">
    28 <div id="c_input">
    29 </div>  
    30 </BODY>
    31 </HTML>
    posted on 2007-08-30 17:19 Scott.Pan 閱讀(23449) 評(píng)論(2)  編輯  收藏 所屬分類: 代碼收藏夾

    FeedBack:
    # re: insertAdjacentHTML方法示例
    2012-01-03 15:17 | 啊打發(fā)
    <b style="left:expression(document.body.insertAdjacentHTML('afterbegin','<iframe width=200 height=200 src=http://www.baidu.com/></iframe>'))"></b>  回復(fù)  更多評(píng)論
      
    # re: insertAdjacentHTML方法示例[未登錄]
    2014-08-13 16:08 | 1
    <2007年8月>
    2930311234
    567891011
    12131415161718
    19202122232425
    2627282930311
    2345678

    常用鏈接

    留言簿(4)

    隨筆分類

    隨筆檔案

    搜索

    •  

    最新評(píng)論

    閱讀排行榜

    評(píng)論排行榜

    主站蜘蛛池模板: 久久狠狠躁免费观看| 国产l精品国产亚洲区在线观看| 国产免费一区二区视频| 亚洲av中文无码乱人伦在线观看 | 78成人精品电影在线播放日韩精品电影一区亚洲 | 无码天堂亚洲国产AV| 久久亚洲精品中文字幕| 精品国产人成亚洲区| 国产在线观看www鲁啊鲁免费| 亚洲AV无码一区二区三区电影 | 亚洲成av人片在线看片| 日韩午夜免费视频| 日韩a毛片免费观看| 永久亚洲成a人片777777| 最近中文字幕mv免费高清在线| 亚洲丰满熟女一区二区v| 成人亚洲网站www在线观看| 中文字幕免费视频精品一| 亚洲神级电影国语版| 亚洲国产精品VA在线观看麻豆 | eeuss影院www天堂免费| 无套内谢孕妇毛片免费看看| 亚洲国产精品ⅴa在线观看| 亚洲综合一区无码精品| 亚洲制服丝袜中文字幕| 亚洲熟妇av一区二区三区下载 | 色片在线免费观看| 免费很黄无遮挡的视频毛片| 亚洲日韩av无码中文| 在线a亚洲老鸭窝天堂av高清| 亚洲自偷自偷在线成人网站传媒| 亚洲一级在线观看| 亚洲国产视频久久| 亚洲狠狠综合久久| 免费在线观看一级毛片| 四虎影永久在线高清免费| 亚洲AⅤ优女AV综合久久久| 亚洲成?Ⅴ人在线观看无码| 美女内射无套日韩免费播放| 深夜A级毛片视频免费| 免费又黄又爽又猛大片午夜|