转自网络
添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发觉还有insertAdjacentHTML和insertAdjacentText要领，这两个要领更灵活，可以在指定的地点插入html内容和文本内容。
insertAdjacentHTML要领：在指定的地点插入html标签语句
原型：insertAdajcentHTML(swhere,stext)
参数：
swhere: 指定插入html标签语句的地点，有四种值可用：
1. beforeBegin: 插入到标签开始前
2. afterBegin:插入到标签开始标记之后
3. beforeEnd:插入到标签结束标记前
4. afterEnd:插入到标签结束标记后
stext：要插入的内容
1
2 DEOM:
3
4 <html>
5
6 <head>
7
8 <script language="javascript">
9
10 function myfun()
11
12 {
13
14 var obj = document.getElementById("btn1");
15
16 obj.insertAdjacentHTML("afterEnd","<br><input name=\"txt1\">");
17
18 }
19
20 </script>
21
22 </head>
23
24 <body>
25
26 <input name="txt">
27
28 <input id="btn1" name="btn1" type="button" value="更多
" onclick="myfun()">
29
30 </body>
31
32 </html>