js 查找元素

// 示例代码：使用 JavaScript 查找 HTML 元素

// 1. 使用 getElementById 查找单个元素
let elementById = document.getElementById('myElementId');
// 解释：通过 ID 获取指定的元素，返回一个元素对象。如果找不到则返回 null。

// 2. 使用 getElementsByClassName 查找多个元素
let elementsByClass = document.getElementsByClassName('myClassName');
// 解释：通过类名获取所有匹配的元素，返回一个 HTMLCollection 对象（类似数组）。

// 3. 使用 querySelector 查找单个元素
let elementByQuery = document.querySelector('.myClassName');
// 解释：使用 CSS 选择器语法查找第一个匹配的元素，返回一个元素对象。如果找不到则返回 null。

// 4. 使用 querySelectorAll 查找多个元素
let elementsByQueryAll = document.querySelectorAll('.myClassName');
// 解释：使用 CSS 选择器语法查找所有匹配的元素，返回一个 NodeList 对象（类似数组）。