JavaScript-DOM之 querySelect() 和 querySelectAll()方法简述

querySelect() 和 querySelectAll() 是 JavaScript 中用于操作 DOM 的方法。

- querySelect() 方法返回文档中与指定选择器或选择器组匹配的第一个元素。如果没有匹配的元素，则返回 null。
- querySelectAll() 方法返回文档中与指定选择器或选择器组匹配的所有元素，返回的结果是一个 NodeList 对象。

这两个方法都是通过 CSS 选择器来查找元素。CSS 选择器是一种强大的选择元素的方式，可以按照元素的标签、类名、ID、属性等进行选择。

使用示例：

// querySelect() 示例
const element = document.querySelector('.my-class'); // 通过类名选择元素
const element = document.querySelector('#my-id'); // 通过 ID 选择元素
const element = document.querySelector('div'); // 通过标签名选择元素

// querySelectAll() 示例
const elements = document.querySelectorAll('.my-class'); // 通过类名选择所有匹配的元素
const elements = document.querySelectorAll('div'); // 通过标签名选择所有匹配的元素

需要注意的是，querySelect() 方法只返回匹配的第一个元素，而 querySelectAll() 方法返回 NodeList 对象，需要通过遍历来访问其中的每个元素。此外，querySelectAll() 方法返回的 NodeList 是一个静态集合，不会随着文档的改变而更新。