1.查
1.节点的基本属性
1.1 nodeType:返回当前节点的类型
节点.nodeType
1：标签节点
2：属性节点
3：文本节点
8：注释节点
1.2 nodeName ：节点名称 （li）
1.3 nodeValue ： 节点内容
2.获取子节点
2.1 父节点.children 只获取标签
2.2 父节点.childrenNodes 会获取到标签/文本注释
3.获取父节点
3.1 子节点.parentNode 查询直接父节点
3.2 获取定位父节点
子节点.offsetParent :如果没有定位父节点，直接获取到body
（有定位的父节点：position）
4.获取兄弟节点
4.1 获取首节点 父节点.firstChild
4.2 获取尾结点 父节点.lastChild 、父节点.lastElementChild
5. 获取下一个兄弟节点
参考节点.nextsibling
参考节点.nextElementSibling
6.获取上一个
参考节点.previousSibling
参考节点.previousELementSibling
2.加
2.1 父节点.appendChild(子节点)
2.2 在某个元素之前添加 父节点.insertBefore(newChild新节点,refChild参考节点)
3. 删除节点
节点.remove():删除节点本身
父节点.removeChild(子节点)
4.替换
父节点.replaceChild(newChild,refChild)
5. 复制节点
被复制的节点.cloneNode(boolean)
boolean:默认是false：复制标签，没有内容
true:复制标签和内容
6.查
document.querySelectort(css选择器)：获取符合的第一个元素
document.querySelectortAll(css选择器)：获取符合的所有元素