js插入html内容的方法

 innerHTML 属性

不保留原来的节点内容，原有内容替换为新的内容

appendChild() 方法

追加一个新的元素，并保留原有内容

insertAdjacentHTML() 方法

在相应位置插入新的 HTML 内容，而不会破坏原有内容。

两个参数（"插入的位置",插入内容）

有四种值可用：

1.     beforeBegin: 插入到标签开始前

2.     afterBegin:插入到标签开始标记之后

3.     beforeEnd:插入到标签结束标记前

4.     afterEnd:插入到标签结束标记后

jQuery 的 append() 方法