网页编程 - 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方法类似,只不过只能插入纯文本,参数相同