JavaScript 通过 class 获取元素的方法
作者:白露时间:2026-10-27 08:05:27浏览:170
本文介绍了一种在 JavaScript 中通过 class 名称获取页面元素的方法。代码遍历所有 DOM 节点,利用正则表达式分割 className 属性来匹配目标 class,从而返回包含匹配元素的数组。该方法适用于需要兼容旧版浏览器或自定义选择逻辑的场景。
// 复制代码
JavaScript 通过 class 获取元素的方法
实现代码如下:
function getByClass(classname) {
var nodes = document.getElementsByTagName('*'),
ret = [];
for (var i = 0; i < nodes.length; i++) {
if (hasClass(nodes[i], classname))
ret.push(nodes[i]);
}
return ret;
}
function hasClass(node, className) {
var names = node.className.split(/\s+/);
for (var i = 0; i < names.length; i++) {
if (names[i] == className)
return true;
} return false;
} 作者最新文章
AOS.js 动画不触发怎么办?排查 DOM 加载与移动端兼容问题
2026-11-05 17:02:26
sigma.js 怎么实现节点点击、拖拽与悬停提示交互
2026-11-05 15:03:27
Matter.js 与 PixiJS/Three.js 集成:分离物理计算与渲染
2026-11-05 13:43:48
主流JS弹幕库选型指南:Danmaku.js等库的功能与体积对比
2026-11-05 09:28:19
JavaScript点击事件监听与交互效果实例
2026-11-05 09:10:19
