动态添加html内容(insertAdjacentHTML和insertAdjacentText)

 

添加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方法类似，只不过只能插入纯文本，参数相同