节点：
获取节点:document.querySelector() / document.querySelectorAll()
创建节点：document.creatElement（）
操作节点：
appendChild（） //将创建的节点放到指定的父节点结尾
insertBefore（要插入的节点，被插入的节点） //将要插入的节点放到指定节点前
replaceChild（） //替换节点
removeChild（） //删除节点
节点属性：
obj.id（） //元素节点的id名称
obj.title（） //元素节点的title属性值
obj.getAttribute（“属性名称”） //获取属性，返回文本字符串
obj.setAttribute（“属性名”，“属性值”） //设置属性
obj.removeAttribute（“属性名”，“属性值”） //移除属性
element.innerHTML（） //操作节点内容
element.innerText） //操作节点内容
获得节点style：
element.style.css属性
get ComputedStyle方法
节点的获取：（包括空格）
ChildNodes //子元素的集合（包括元素节点和非元素节点）
firstChild //第一个节点（包括元素节点和非元素节点）
lastChild //最后一个节点（包括元素节点和非元素节点）
previoussibling //上一个兄弟节点（包括元素节点和非元素节点）
nextsibling //下一个兄弟节点（包括元素节点和非元素节点）
节点的获取：（不包括空格）
Children //子元素的集合
firstElementChild //第一个节点
lastElementChild //最后一个节点
previousElementSibling //上一个类型兄弟节点
nextElementSibling //下一个兄弟节点
鼠标文档的点击位置：e.pageX/e.pageY
屏幕宽度：window.innerWidth/window.innerHeight
与定位父级距离：demo.offsetLeft/demo.offsetTop
阻止事件冒泡：e.stopPropagation
查询触发事件的dom对象：e.target
阻止默认行为：e.preventDefault
获取滚动条距离：document.documentElement.scrollTop/scrollLeft
获取元素宽高：
clientWidth/Height //width+padding
offsetWidth/Height //width+padding+border
scrollWidth/Height //width+padding+溢出部分
classList有哪些属性和方法：
classList.length //长度
classList.add() //添加
classList.remove() //删除
classList.toggle() //如果类存在就删除返回false，若不存在就添加返回true
classList.contains() //是否包含某个class，返回布尔值
classList.replace() //替换
