使用中间变量fragement添加元素

中间元素可以用来添加元素

<ul id="list">
</ul>

var list = document.getElementById("list");
var fragement = document.createDocumentFragement();//声明一个中间变量
var animal = ["pig","dog","mone"];
animal.forEach(element=>{
	var li = document.createElement("li");
	li.textContent = element;//把li中的内容换为遍历到的内容
	fragement.append(li);//把所有的li节点添加到中间元素中。
}
list.appendChild(fragement);//把中间元素的内容添加到list中。