動態添加html內容

 

添加html內容(insertAdjacentHTML和insertAdjacentText)
    dhtml提供了兩個方法來進行添加，insertAdjacentHTML和insertAdjacentText
insertAdjacentHTML方法：在指定的地方插入html標籤語句。
    原型：insertAdjacentHTML(swhere,stext)
    參數：
    swhere:指定插入html標籤語句的地方，有四種值可以用：
              1.beforeBegin:插入到標籤開始前
              2.afterBegin:插入到標籤開始標記後
              3.beforeEnd:插入到標籤結束標記前
              4.afterEnd:插入到標籤結束標記後
              stext:要插入的內容
      例：var sHTML="<input type=button onclick=" +     "go2()" + " value='Click Me'><BR>"
      var sScript='<SCRIPT DEFER>'
      sScript = sScript +     'function go2(){ alert("Hello from inserted script.") }'
      sScript = sScript + '</script' + '>';
      ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
      在html本文中加入一行：
    <DIV ID="ScriptDiv"></Div>
     最終變成：
    <DIV ID="ScriptDiv">
       <input type=button onclick=go2() value='Click Me'><BR>
       <SCRIPT DEFER>
         function go2(){alert("Hello from inserted sctipt.")}'
       </script>
     </DIV> 
     insertAdjacentText方法與insertAdjacentHTML方法類似，只不過只能插入純文字，參數相同