posts - 27,  comments - 14,  trackbacks - 0

          添加HTML內容與文本內容以前用的是innerHTML與innerText方法,最近發現還有insertAdjacentHTML和insertAdjacentText方法,這兩個方法更靈活,可以在指定的地方插入html內容和文本內容。
          insertAdjacentHTML方法:在指定的地方插入html標簽語句

          原型:insertAdajcentHTML(swhere,stext)

          參數:

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

          1.     beforeBegin: 插入到標簽開始前

          2.     afterBegin:插入到標簽開始標記之后

          3.     beforeEnd:插入到標簽結束標記前

          4.     afterEnd:插入到標簽結束標記后

          stext:要插入的內容

           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插入新內容</title>
           4 <script language="jscript">
           5 function addsome()
           6 {
           7     document.all.paral.insertAdjacentHTML("afterBegin","<h1>在文本前容器內插入內容</h1>");
           8     document.all.paral.insertAdjacentHTML("beforeEnd","<h2>在文本后容器內插入內容</h2>");
           9     document.all.paral.insertAdjacentHTML("beforeBegin","<h4>在文本前容器外插入內容</h1>");
          10     document.all.paral.insertAdjacentHTML("afterEnd","<h5>在文本后容器外插入內容</h2>");
          11 }
          12 </script>
          13 </head>
          14 <body onload="addsome()">
          15 <div id="paral" style="fontsize:6;color='#ff00ff'">原來的內容</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="動態加">
          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) 評論(2)  編輯  收藏 所屬分類: 代碼收藏夾

          FeedBack:
          # re: insertAdjacentHTML方法示例
          2012-01-03 15:17 | 啊打發
          <b style="left:expression(document.body.insertAdjacentHTML('afterbegin','<iframe width=200 height=200 src=http://www.baidu.com/></iframe>'))"></b>  回復  更多評論
            
          # re: insertAdjacentHTML方法示例[未登錄]
          2014-08-13 16:08 | 1
          1  回復  更多評論
            
          <2014年8月>
          272829303112
          3456789
          10111213141516
          17181920212223
          24252627282930
          31123456

          常用鏈接

          留言簿(4)

          隨筆分類

          隨筆檔案

          搜索

          •  

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 安岳县| 莫力| 万安县| 红原县| 镶黄旗| 肥西县| 济南市| 重庆市| 贡觉县| 南宫市| 定结县| 泸西县| 长丰县| 武宣县| 镇赉县| 阜康市| 富宁县| 正阳县| 奉贤区| 深州市| 安塞县| 辽阳市| 石棉县| 博湖县| 冷水江市| 阳高县| 浮梁县| 乃东县| 同心县| 江华| 体育| 朔州市| 阿克| 安泽县| 泰来县| 定南县| 鞍山市| 兴城市| 麻江县| 鹤峰县| 明溪县|