DOM querySelector() 方法和querySelectorAll()方法区别。

querySelector()

返回文档中匹配指定 CSS 选择器的一个元素。

语法

document.querySelector(“#demo”);

参数：CSS 选择器， 必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。对于多个选择器，使用逗号隔开，返回一个匹配的元素。

注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

querySelector和querySelectorAll IE8+浏览器支持。

querySelector返回的是单个DOM元素；querySelectorAll返回的是NodeList.

我们一般用的多的是document.querySelectorAll, 实际上，也支持dom.querySelectorAll.例如：

document.querySelector(“#my-id”).querySelectorAll(“img”)

参考