querySelector和querySelectorAll 是最新提出的方法,在这两个方法之前,有一套最原生的 DOM 查询函数:
getElementById(): 根据 id 查询某个节点
getElementsByClassName(): 根据 class 查询多个节点
getElementsByTagName(): 根据 标签名 查询多个节点
querySelector(All) 和 getElementXXX 最主要的区别在于 — 动态性
querySelector 查询出来的元素是拷贝的原始数据,不会再随着页面 DOM 节点的改变而变化
get 系列方法 查询出来的元素就是原始数据,所以会随着页面的 DOM 节点的改变而变化