js操作dom节点

最近学习Vue，Vue自动解析模板，发现用不到节点操作了，但是经常性的可能一个案例要用js,与Vue对比着来思考，学习，可其实js节点操作忘的差不多了，今天借鉴学习再次温习一下.

第一大类 通过元素类型方法来操作:(这种方法运用的最多)

 

document.getElementById();//id名，
document.getElementsByTagName();//标签名
document.getElementsByClassName();//类名
document.querySelector();//返回与该模式匹配的第一个元素，结果为一个元素；
document.querySelectorAll()//返回与该模式匹配的所有元素，结果为一个类数组

第二大类(一般为元素获取之后的再次关系元素节点的获取)

parentNode//获取所选节点的父节点，最顶层的节点为#document
childNodes //获取所选节点的子节点们 
firstChild //获取所选节点的第一个子节点
lastChild //获取所选节点的最后一个子节点
nextSibling //获取所选节点的后一个兄弟节点  
previousSibling //获取所选节点的前一兄弟节点  

 

错误之处指正哦