Element.querySelector()

返回该元素后代元素中，第一个匹配选择器参数的后代元素。

#document.querySelector()
返回当前文档中第一个匹配特定选择器的元素（使用深度优先，前序遍历规则遍历所有文档节点）。
#Document.querySelectorAll();
返回当前文档中匹配一个特定选择器的所有的元素(使用深度优先，前序遍历规则这样的规则遍历所有文档节点) .返回的对象类型是 [NodeList]
下面的例子返回一个文档中所有的class为"note"或者 "alert"的div元素.
var matches = document.querySelectorAll("div.note, div.alert");
#Element.querySelectorAll()
返回一个non-live的[NodeList]对象,这个对象将会包含调用querySelectorAll()方法的那个DOM对象的所有后代元素中匹配指定css选择器的元素们.