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