js 获取dom

// 示例代码：使用 JavaScript 获取 DOM 元素

// 1. 使用 id 获取单个元素
const elementById = document.getElementById('myId');
// 解释：通过指定的 ID 获取对应的 DOM 元素，返回的是一个单个的元素对象。

// 2. 使用 class 获取多个元素
const elementsByClass = document.getElementsByClassName('myClass');
// 解释：通过指定的类名获取所有的匹配元素，返回的是一个 HTMLCollection 对象，类似于数组。

// 3. 使用标签名获取多个元素
const elementsByTagName = document.getElementsByTagName('div');
// 解释：通过指定的标签名获取所有的匹配元素，返回的是一个 HTMLCollection 对象，类似于数组。

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

// 5. 使用 querySelectorAll 获取多个元素
const elementsByQueryAll = document.querySelectorAll('.myClass');
// 解释：通过 CSS 选择器获取所有匹配的元素，返回的是一个 NodeList 对象，类似于数组。