JS操作dom

JS操作DOM

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

获取：

通过id：getElementById
2.通过name：getElementByName
3.通过标签名：getElementByTagName
4.通过类名：getElementByClassName
5.通过选择器获取一个元素：querySelector
6.通过选择器获取多个元素：querySelectorAll
7.获取html标签：document.documentElement
8.获取body标签：document.body

创建

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

删除

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

修改

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

关系

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