js 实现hasclass

实现 hasClass 方法

使用原生 JavaScript 实现 hasClass 功能，可以通过以下两种方式完成：

方法一：使用 classList.contains

现代浏览器支持 classList API，提供更简洁的语法：

function hasClass(element, className) {
  return element.classList.contains(className);
}

方法二：兼容旧版浏览器

对于不支持 classList 的旧浏览器，可以通过字符串操作实现：

function hasClass(element, className) {
  return (' ' + element.className + ' ').indexOf(' ' + className + ' ') > -1;
}

注意事项

• 方法一在 IE9 及以下版本不可用。
• 方法二通过添加空格避免误匹配子字符串（例如 test 不会误判 test2）。
• 两种方法均区分大小写。

使用示例

const div = document.querySelector('div');
console.log(hasClass(div, 'active')); // 输出 true 或 false

性能优化

若需频繁检查类名，建议优先使用 classList.contains，其性能优于字符串操作。