getElementById()、querySelector()

"querySelector 属于 W3C 中的 Selectors API 规范 。而 getElementsBy 系列则属于 W3C 的 DOM 规范"

1. 区别：getXXXByXXX 获取的是动态集合，querySelector获取的是静态集合。
   简单的说就是，动态就是选出的元素会随文档改变，静态的不会，取出来之后就和文档的改变无关了。
2. 性能：getXXXByXXX，获取的若是动态nodelist，那么每一次调用都会重新对文档进行查询，导致无限循环的问题
3. 选择：如果只要一次查找就可得到元素时，首选getXXXByXXX ；
   如果需要经过多级查找，才能得到元素时，首选querySelector