JavaScript 通过 class 获取元素的方法

作者:白露

时间:2026-10-27

浏览:169

本文介绍了一种在 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;
} 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章