js 定位

// 示例代码：使用 JavaScript 进行页面元素的定位

// 1. 使用 document.getElementById() 定位元素
let elementById = document.getElementById('myElementId');
// 解释：通过元素的 ID 获取 DOM 元素，适用于页面中唯一的元素。

// 2. 使用 document.getElementsByClassName() 定位元素
let elementsByClass = document.getElementsByClassName('myClass');
// 解释：通过类名获取一组 DOM 元素，返回的是 HTMLCollection 对象，可能包含多个元素。

// 3. 使用 document.getElementsByTagName() 定位元素
let elementsByTag = document.getElementsByTagName('div');
// 解释：通过标签名获取一组 DOM 元素，返回的是 HTMLCollection 对象，可能包含多个元素。

// 4. 使用 document.querySelector() 定位元素
let elementByQuery = document.querySelector('.myClass');
// 解释：通过 CSS 选择器获取第一个匹配的 DOM 元素，适用于复杂的选择器表达式。

// 5. 使用 document.querySelectorAll() 定位元素
let elementsByQueryAll = document.querySelectorAll('.myClass');
// 解释：通过 CSS 选择器获取所有匹配的 DOM 元素，返回的是 NodeList 对象，可能包含多个元素。