JAVASCRIPT动态增加组件内容

insertAdjacentHTML方法:

element.insertAdjacentHTML(position,html);

element是指原组件，position是指插入html的位置，有四个参数可以选择:

1.beforeEnd:原内容之后加入新html.

2.beforeBegin:<div>之前加入新html.

3.afterBegin:原内容之前加入新html.

4.afterEnd:</div>之后加入新html.

insertAdjacentHTML方法适用于所有HTML  DOM组件，这里以<div>组件进行说明。