Dom操作

2019-03-27-10:15于公司

创建节点

var node = document.createElement("div");
document.body.appendChild(node);

创建文本节点

var node = document.createTextNode("div");
document.body.appendChild(node);

拷贝节点

var cloneNode1 = document.querySelector("#div1").cloneNode();  // 拷贝一层（浅）
var cloneNode1 = document.querySelector("#div1").cloneNode(true);  // 拷贝一层（深度拷贝） 

cloneNode

插入一段DOM

createDocumentFragment 这个方法运用可以减少页面重绘与回流问题，能 批量 的插入DOM

var temp = document.createDocumentFragment();
var a1 = document.createElement('div');
var a2 = document.createElement('div');
var a3 = document.createElement('div');
...

temp.appendChild(a1);
temp.appendChild(a2);
temp.appendChild(a3);
...

document.body.appendChild(temp);

删

removeChild()