insertAdjacentText和insertAdjacentHTML

insertAdjacentText方法:可以在指定的地方插入html内容和文本内容。

insertAdjacentHTML方法:在指定的地方插入html标签语句 。
原型:insertAdajcentHTML(swhere,stext)
参数:
swhere: 指定插入html标签语句的地方,有四种值可用:
1.     beforeBegin: 插入到标签开始前
2.     afterBegin:插入到标签开始标记之后
3.     beforeEnd:插入到标签结束标记前
4.     afterEnd:插入到标签结束标记后
stext:要插入的内容

<html> 
   <head> 
    <script language="javascript"> 
       function myfun() 
         {
            var obj = document.getElementById("btn1");  
            obj.insertAdjacentHTML("afterEnd","<br><input  name=\"txt1\">"); //在btn1后插入
         } 
      </script> 
   </head> 
   <body> 
     <input name="txt"> 
     <input id="btn1" name="btn1" type="button" value="更多..." onclick="myfun()"> 
   </body>
</html>

posted @ 2010-04-15 09:47  周宏伟  阅读(232)  评论(0)    收藏  举报