原生的强大DOM选择器querySelector

querySelector 和 querySelectorAll 的区别在于 querySelector 用来获取一个元素，而querySelectorAll 可以获取多个元素。假如我们有一个 id 为 test 的 DIV，为了获取到这个元素，你也许会像下面这样：

document.getElementById("test");

可以改成

document.querySelector("#test");
document.querySelectorAll("#test")[0];