querySelectorAll和querySelector的区别

querySelectorAll和querySelector都是JavaScript中用于选择DOM元素的方法，它们的区别如下：

1. querySelector：该方法返回匹配指定CSS选择器的第一个元素。如果没有匹配的元素，则返回null。例如，使用querySelector("#myId")可以选择id为"myId"的元素。

2. querySelectorAll：该方法返回匹配指定CSS选择器的所有元素的NodeList。如果没有匹配的元素，则返回空的NodeList。例如，使用querySelectorAll(".myClass")可以选择所有class为"myClass"的元素。

总结起来，querySelector返回匹配的第一个元素，而querySelectorAll返回所有匹配的元素的列表。