var ul = document.querySelector('ul');
//1.node.cloneNode(); 括号为空或者里面是false 浅拷贝
var lili = ul.children[0].cloneNode(true);
ul.appendChild(lili);
动态生成表格 (不太会还要接着学)
//往tboby里面创建行 有几个人我们创建几行
var tbody = document.querySelector('tbody');
for(var i =0;i<datas.length;i++){
//创建tr行
var tr = document.createElement('tr');
tbody.appendChild(tr);
//行里面创建单元格 佛如循环遍历对象 行里面创建了单元格(跟数据有关系的3个单元格)
for(var k in datas[i]){//里面的for循环管理
//创建单元格
var td = document.createElement('td');
// 把对象里面的属性值 给td
// console.log(datas[i][k]);
td.innerHTML = datas[i][k];
tr.appendChild(td);
}
//创建有产出的单元格
var td = document.createElement('td');
td.innerHTML = '<a href="javascript:;">删除</a>';
tr.appendChild(td);
}
//删除操作
var as = document.querySelectorAll('a');
for(var i=0; i<as.length; i++){
as[i].onclick = function() {
// a的爸爸是单元格(tb) 爷爷tr
// ul.removeChild(this.parentNode);
tbody.removeChild(this.parentNode.parentNode)
}
}