JavaScript中querySelector和getElementsBy系列的区别

在JavaScript中，querySelector和getElementsBy系列是用于从文档中选择元素的两组方法。它们在功能和用法上有一些区别，下面将详细介绍它们的区别。

1. 查询范围：

   • querySelector：通过CSS选择器从整个文档中选择匹配的第一个元素。
   • querySelectorAll：通过CSS选择器从整个文档中选择匹配的所有元素，并返回一个类似数组的节点列表（NodeList）。

   // 使用querySelector选择单个元素
   const element = document.querySelector('.my-element');
   
   // 使用querySelectorAll选择多个元素