每日一条js之DOM操作（获取、创建、插入、删除）

原生的js不像vue这类数据绑定的框架，原生js涉及到很多dom相关的操作，显得比较繁琐，但是想到前端流行的框架都是基于原生js写的还是去学习了下。

在对dom进行操作之前都要先获取到dom元素：

获取dom元素的方法可以通过id、class、或者元素标签名等如：

var oRoot = document.getElementById('root');

    1.获取子级

oRoot.children和name.childNodes（一般不用oRoot.childNodes）
   2. 获取父级

oRoot.parentNode
    3.获取兄弟节点
            上一个oRoot.previousElementSibling或oRoot.previousSibling
            下一个oRoot.nextElementSibling或oRoot.nextSibling
    4.获取子节点的
            第一个oRoot.firstElementChild或oRoot.firstChild
            最后一个oRoot.lastElementChild或oRoot.lastChild
    5.创建元素

document.createElement("div")
    6.删除节点

parentsName.removeChild(childName)删除父节点中的某个对象
    7.对象插入的位置
            parentsName.appendChild(childName)或append父元素最后面加入节点
            prepend和prependTo父元素最前面加入节点
            after和insertafter 元素前面插入节点 例如：a.after(b)a之前插入b元素
            before和insertbefore 元素后面加入节点 例如：a.before(b)a之后插入b元素