js 选择器

// 示例代码：使用 JavaScript 选择器

// 1. 使用 getElementById 选择单个元素
const elementById = document.getElementById('myElement');
// 解释：通过 ID 选择单个 HTML 元素，返回该元素的对象。

// 2. 使用 getElementsByClassName 选择多个元素
const elementsByClass = document.getElementsByClassName('myClass');
// 解释：通过类名选择多个 HTML 元素，返回一个 HTMLCollection 对象。

// 3. 使用 getElementsByTagName 选择多个元素
const elementsByTag = document.getElementsByTagName('div');
// 解释：通过标签名选择多个 HTML 元素，返回一个 HTMLCollection 对象。

// 4. 使用 querySelector 选择单个元素
const elementByQuery = document.querySelector('.myClass');
// 解释：通过 CSS 选择器选择单个 HTML 元素，返回第一个匹配的元素。

// 5. 使用 querySelectorAll 选择多个元素
const elementsByQueryAll = document.querySelectorAll('.myClass');
// 解释：通过 CSS 选择器选择多个 HTML 元素，返回一个 NodeList 对象。