JavaScript DOM查询中getElementsByClassName怎么通过类名查找元素-js教程-PHP中文网

getelementsbyclassname 通过传入一个包含类名的字符串来查找元素，返回一个实时的 htmlcollection。调用该方法的对象可以是 document 或任意 dom 节点，支持在指定容器内搜索所有后代元素。

JavaScript DOM查询中getElementsByClassName怎么通过类名查找元素

如何获取特定类名的元素集合

直接调用 document.getElementsByClassName('class-name') 即可获取页面中所有匹配的元素。该方法接受多个类名作为参数，只有当元素同时拥有这些类时才会被选中，且返回的是实时更新的集合。

JavaScript DOM查询中getElementsByClassName怎么通过类名查找元素

const elements = document.getElementsByClassName('active');
console.log(elements.length); // 输出匹配元素的数量
for (let i = 0; i <h2>如何在指定父元素下查找子元素</h2><p>在任意 DOM 节点上调用 <code>getElementsByClassName</code> 可以限制搜索范围，仅查找该节点的直接后代。这比全局搜索更高效，适用于组件化开发中隔离样式和逻辑的场景。</p><div class="aritcle_card flexRow artxards">
											<div class="artcardd flexRow">
												<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill12540" title="javascript-typescript-typescript-scaffold"><img
														src="https://img.php.cn/upload/skill/001/246/273/6adaf20e352aa140.jpg" alt="javascript-typescript-typescript-scaffold" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
												<div class="aritcle_card_info flexColumn">
													<a rel="nofollow" href="/xiazai/skill12540" title="javascript-typescript-typescript-scaffold" class="overflowclass">javascript-typescript-typescript-scaffold</a>
													<p class="overflowclass">你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型</p>
												</div>
												<a rel="nofollow" href="/xiazai/skill12540" title="javascript-typescript-typescript-scaffold" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
												</a>
											</div>
										</div><p><img src="https://img.php.cn/upload/article/001/242/473/179446016148018.png?x-oss-process=image/resize,p_40" alt="JavaScript DOM查询中getElementsByClassName怎么通过类名查找元素"></p><pre class="brush:php;toolbar:false;">const container = document.getElementById('app');
const items = container.getElementsByClassName('item');
console.log(items[0]); // 输出第一个匹配的 .item 元素