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