js class选择器

// 使用 class 选择器获取元素的示例代码

// HTML 结构
/*
<div class="example">这是一个带有 class 的 div 元素</div>
*/

// 使用 getElementsByClassName 方法
const elements = document.getElementsByClassName('example');
// 返回的是一个 HTMLCollection 对象，类似于数组，包含所有带有 'example' 类的元素
console.log(elements);

// 如果你只需要第一个匹配的元素，可以这样做：
const firstElement = elements[0];
console.log(firstElement);

// 或者使用 querySelector 方法，它返回第一个匹配的元素
const firstElementByQuery = document.querySelector('.example');
console.log(firstElementByQuery);

解释说明：

• document.getElementsByClassName('example')：返回一个包含所有带有指定类名的元素的 HTMLCollection。
• document.querySelector('.example')：返回文档中第一个匹配指定选择器的元素。