function appendHTML(container,html,position){
position =position || 'after';
var objE = document.createElement("div"),
nodes=null,
fragment = document.createDocumentFragment();
objE.innerHTML = html;
nodes=objE.childNodes;
for (var i=0, length=nodes.length; i<length; i++) {
fragment.appendChild(nodes[0]);
}
position !=='before'? container.appendChild(fragment) : container.insertBefore(fragment,container.firstChild);
nodes = null;
fragment = null;
}
insertAdjacentHTML（插入邻近html）
element.insertAdjacentHTML(position, html);
position是相对于element元素的位置，并且只能是以下的字符串之一：
beforebegin- 在
element元素的前面。 afterbegin- 在
element 元素的第一个子元素前面。 beforeend- 在
element 元素的最后一个子元素后面。 afterend- 在
element元素的后面。