根据ID获取

getElementById() 返回的是一个元素对象

根据标签名获取

getElementsByTagName() 返回的是获取来的对象的集合，以伪数组方式存储

element.getElementsByTagName('标签名') 获取通过父元素里面指定标签名的子元素

根据HTML5新增方法获取

getElementsByClassName('类名')

document.querySelector（'选择器'） 选择器加符号 . 或#

querySelectorAll('选择器') 根据指定选择器的所有元素对象

特殊元素获取

document.需要获取的 比如body 或 documentElement

利用节点层级关系获取

node.parentNode 父级节点；离元素最近的父级节点 【亲爸】

parentNode.childNodes(标准) 返回包含指定节点的子节点的集合，该集合为及时更新的集合【返回值里包含了所有的子节点，包括元素节点 和文本节点等。一般只获取元素节点需要再专门处理】

parentNode.children（非标准） parentNode.firstChild parentNode.firstElementChild(i9以上兼容） 子节点

node.nextSibling 兄弟节点 返回当前的下一个兄弟节点，包含所有节点，找不到返回null

后续待更新