Question

我正在尝试使用JS检查html标记是否包含特定类

我到目前为止所拥有的（无效）

if (html.classList.contains('test')) {

}

<html class="test">

Answer 1

您可以在元素的classList中确定类。

let el = document.querySelector('html');
var classList = el.classList;
console.log(classList.contains('test')); // gives true

<html class="test">

您还可以获取className（它是所有应用类的字符串，并使用.indexOf（）;

let el = document.querySelector('html');
var className = el.className;
console.log(className); // gives 'test test2'
console.log(className.indexOf('test') > -1); // gives true

<html class="test test2">

如果您可以访问jQuery，则您想要的是.hasClass（）方法

let test = $('html').hasClass('test');
console.log(test); // gives true

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html class="test">

如何检查html标记是否包含类

1 个答案: