总结一下dom操作

       因为vue和react已经不再需要操作dom（严格意义上是很少操作），将js原声dom操作记录，以防之后用到。

添加节点

let div=document.createElement("div");
body.appendChild(div);
list.insertBefore( div,list.firstElementChild );
//从前面插入需要有第二个参数  表示从哪里插入

删除节点

var self = document.getElementById('to-be-removed');
var parent = self.parentElement;
var removed = parent.removeChild(self);

修改节点

item.innerHTML="<a href='#'>a3</a>";
item.innerTEXT="god bless!"

查询节点

//返回指定 id 的第一个节点元素 
document.getElementById("id值");
 
//返回指定 标签名 的节点集合 (HTMLCollection集合) 
document.getElementsByTagName("标签名")

//返回指定 类名 的节点集合 (HTMLCollection集合) 
document.getElementsByClassName("样式类名")

var list =document.querySelector(".news");