CSS类作为if语句中的条件

Question

是否可以在if语句中使用css类作为条件？

例如：

if (.css-class) {/*fire this code*/}  

Answer 1

是的，使用classList.contains中的classList API：

if (element.classList.contains(myClass)) {

[... JAVASCRIPT HERE ...]

}

classList的其他方法（classList.contains除外）是：

• element.classList.add() （在元素中添加一个类）
• element.classList.remove() （从元素中删除一个类）
• element.classList.toggle() （如果该类存在则删除该类，或者如果该类不存在则添加该类）
• element.classList.item() （返回元素列表中类的索引）

进一步阅读：

Element.classList - https://developer.mozilla.org/en/docs/Web/API/Element/classList