getelementsbyclassname 通过传入一个包含类名的字符串来查找元素，返回一个实时的 htmlcollection。调用该方法的对象可以是 document 或任意 dom 节点，支持在指定容器内搜索所有后代元素。
如何获取特定类名的元素集合
直接调用 document.getElementsByClassName('class-name') 即可获取页面中所有匹配的元素。该方法接受多个类名作为参数，只有当元素同时拥有这些类时才会被选中，且返回的是实时更新的集合。
const elements = document.getElementsByClassName('active');
console.log(elements.length); // 输出匹配元素的数量
for (let i = 0; i < elements.length; i++) {
console.log(elements[i].textContent);
}如何在指定父元素下查找子元素
在任意 DOM 节点上调用 getElementsByClassName 可以限制搜索范围，仅查找该节点的直接后代。这比全局搜索更高效，适用于组件化开发中隔离样式和逻辑的场景。
javascript-typescript-typescript-scaffold
下载
你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型
立即学习“Java免费学习笔记（深入）”；
const container = document.getElementById('app');
const items = container.getElementsByClassName('item');
console.log(items[0]); // 输出第一个匹配的 .item 元素HTMLCollection 的实时性特征是什么
getElementsByClassName 返回的 HTMLCollection 是实时的，意味着当 DOM 结构发生变化时，集合会自动更新。如果遍历过程中添加了与查询条件匹配的新元素，循环可能会意外地处理到这些新元素，导致无限循环或逻辑错误。
