动态表格(通过创建与移动节点)

使用createElement创建节点,并用innerText或innerHtml传输文本,最后用appendchild传递节点.

var tbody = document.querySelector("tbody")
obj.forEach(function(item,index){
	var tr = document.createElement("tr")
	var td = document.createElement("td")
	td.innerText = index+1
	tr.appendChild(td)

---

使用for–in 对对象进行遍历,每条数据的属性都写入td中

for(var key in item){
	var td = document.createElement("td")
	td.innerText = item[key]
	tr.appendChild(td)
}
	
	var td = document.createElement("td")
	td.innerText = "删除"
	td.className = "del"
	td.setAttribute("index",index)
	tr.appendChild(td)
	tbody.appendChild(tr)
})