JS操作DOM

首先，在原生js中我们要操作对象 从我们要 获取，创建，删除，修改，节点之间的关系。

获取：

获取id：getElementById
获取name：getElementByName
获取标签名：getElementByTagName
获取类名：getElementByClassName
通过选择器获取第一个元素：querySelector
通过选择器获取多个元素：querySelectorAll
获取html标签：document.documentElement
获取body标签：document.body

创建

创建一个节点：document.createElement()
创建一个文本节点：document.createTextNode()

删除

只能通过父节点删除子节点
vnode.parentElement.removeChild(vnode)

修改

添加：appendChild()
移出：removeChild()
替换：replaceChild()
插入：insertBefore()

关系

获取所有的子节点：childNodes
获取所有的子元素节点：children
获取第一个元素：firstElementChild
获取最后一个元素：lastElementChild
获取当前节点的父元素：parentNode
获取当前接待你的第一个兄弟元素：previousElementSibling
获取当前节点的后一个兄弟元素：nextElementSibling